edit

service/option/assets/pc/css/custom-bars.css

@@ -0,0 +1,2062 @@
+/* line 22, ../scss/custom-bars.scss */
+.flexy-grid {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  padding: 4em 0;
+}
+/* line 29, ../scss/custom-bars.scss */
+.flexy-grid .flexy-column {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  margin-bottom: 3em;
+}
+/* line 35, ../scss/custom-bars.scss */
+.flexy-grid .flexy-column .flexy-item {
+  flex: 1;
+}
+/* line 40, ../scss/custom-bars.scss */
+.flexy-grid:nth-of-type(odd) {
+  background-color: #D8DBE4;
+}
+/* line 43, ../scss/custom-bars.scss */
+.flexy-grid input[type='checkbox'] {
+  display: none;
+}
+
+/* line 48, ../scss/custom-bars.scss */
+.value-label {
+  position: relative;
+  display: inline-block;
+  margin: 4em 0 2.5em 0;
+  font-size: 1em;
+  font-weight: bold;
+  line-height: 1em;
+  padding: 1em;
+  color: #fefefe;
+  background-color: rgba(255, 105, 0, 0.6);
+  border: 1px solid rgba(153, 153, 153, 0.2);
+  border-radius: 0.25em;
+  box-shadow: 0 0.1em 0.25em rgba(153, 153, 153, 0.6), inset 0 0.15em 0.05em rgba(254, 254, 254, 0.2);
+}
+/* line 61, ../scss/custom-bars.scss */
+.value-label:hover {
+  cursor: pointer;
+}
+
+/* line 66, ../scss/custom-bars.scss */
+.fa,
+.fa:before {
+  width: 1em;
+  height: 1em;
+  line-height: 1em;
+  text-align: center;
+}
+
+/* line 74, ../scss/custom-bars.scss */
+.fa {
+  margin: 0 .1em;
+  transition: transform 0.25s ease-in-out;
+  transform-origin: 50% 55%;
+}
+
+/* line 80, ../scss/custom-bars.scss */
+input[type='checkbox']:checked ~ .value-label {
+  background: #444444;
+  box-shadow: none;
+}
+
+/* line 86, ../scss/custom-bars.scss */
+input[type='checkbox']:checked ~ .flexy-column .bar[aria-valuenow] .percentage:before {
+  width: 90%;
+}
+
+/* line 93, ../scss/custom-bars.scss */
+input[type='checkbox']:checked ~ .flexy-column .bar[aria-valuenow].heat-gradient .tooltip {
+  background-color: #ec0071;
+  border-bottom: 1px solid #d30065;
+}
+/* line 97, ../scss/custom-bars.scss */
+input[type='checkbox']:checked ~ .flexy-column .bar[aria-valuenow].heat-gradient .tooltip:after {
+  border-bottom-color: #ec0071;
+}
+/* line 102, ../scss/custom-bars.scss */
+input[type='checkbox']:checked ~ .flexy-column .bar[aria-valuenow] .tooltip {
+  left: 90%;
+}
+/* line 104, ../scss/custom-bars.scss */
+input[type='checkbox']:checked ~ .flexy-column .bar[aria-valuenow] .tooltip:before {
+  content: '90%';
+}
+
+/* line 110, ../scss/custom-bars.scss */
+.dots-pattern .percentage:before {
+  background: radial-gradient(rgba(254, 254, 254, 0.5) 10%, rgba(0, 0, 0, 0) 5%) 0 0, radial-gradient(rgba(254, 254, 254, 0.5) 10%, rgba(0, 0, 0, 0) 5%) 0.5em 0.5em;
+  background-size: 1em 1em;
+}
+
+/* line 120, ../scss/custom-bars.scss */
+.bar.heat-gradient .face-position.left {
+  background-color: rgba(241, 196, 15, 0.8);
+}
+/* line 124, ../scss/custom-bars.scss */
+.bar.heat-gradient .percentage:before {
+  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec545b+0,ec5799+100 */
+  background-color: rgba(241, 196, 15, 0.8);
+  /* Old browsers */
+  background: -moz-linear-gradient(left, rgba(241, 196, 15, 0.8) 0%, rgba(236, 0, 113, 0.6) 100%);
+  /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(241, 196, 15, 0.8)), color-stop(100%, rgba(236, 0, 113, 0.6)));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(left, rgba(241, 196, 15, 0.8) 0%, rgba(236, 0, 113, 0.6) 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(left, rgba(241, 196, 15, 0.8) 0%, rgba(236, 0, 113, 0.6) 100%);
+  /* Opera 11.10+ */
+  background: -ms-linear-gradient(left, rgba(241, 196, 15, 0.8) 0%, rgba(236, 0, 113, 0.6) 100%);
+  /* IE10+ */
+  background: linear-gradient(to right, rgba(241, 196, 15, 0.8) 0%, rgba(236, 0, 113, 0.6) 100%);
+  /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$color1', endColorstr='$color2',GradientType=1 );
+  /* IE6-9 */
+  background-size: 16em;
+}
+/* line 136, ../scss/custom-bars.scss */
+.bar.heat-gradient .volume-lights.shine:before {
+  box-shadow: -2em 1.6em 3em -1em rgba(241, 196, 15, 0.3), 2em 1.6em 3em -1em rgba(236, 0, 113, 0.3);
+}
+/* line 140, ../scss/custom-bars.scss */
+.bar.heat-gradient[valuenow="100"] .face-position.right {
+  background-color: rgba(236, 0, 113, 0.6);
+}
+
+/* line 146, ../scss/custom-bars.scss */
+.bar.ruler .percentage:before {
+  background-image: linear-gradient(rgba(255, 255, 255, 0.1) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.1) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, rgba(0, 0, 0, 0) 1px);
+  background-size: 1em 1em, 1.6em 2em, .8em 2em;
+}
+
+/* line 153, ../scss/custom-bars.scss */
+.bar.ruler-2 .percentage:before {
+  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.18) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.22) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.26) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.34) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.38) 0.8em, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.42) 0.8em, rgba(0, 0, 0, 0) 1px);
+  background-size: 16em 1em;
+  background-position: 1.6em 0, 3.2em 0, 4.8em 0, 6.4em 0, 8em 0, 9.6em 0, 11.2em 0, 12.8em 0, 14.4em 0;
+}
+
+/* line 167, ../scss/custom-bars.scss */
+.bar.ruler-3 .percentage:before {
+  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0.8em, rgba(0, 0, 0, 0) 1px);
+  background-size: 1.6em 2em;
+}
+
+/* line 172, ../scss/custom-bars.scss */
+.bar.move .bar-face.face-position.floor,
+.bar.rotate .bar-face.face-position.floor {
+  transition: all 0.5s ease-in-out;
+}
+
+/* line 176, ../scss/custom-bars.scss */
+.bar.move:hover {
+  transform: rotateX(60deg) translateZ(0.1em);
+}
+/* line 178, ../scss/custom-bars.scss */
+.bar.move:hover .bar-face.face-position.floor.volume-lights {
+  box-shadow: 0 -0.1em 1em rgba(0, 0, 0, 0.15), 0 0.35em 0.2em -8px rgba(0, 0, 0, 0.15), 0 -0.75em 1.75em rgba(254, 254, 254, 0.6);
+}
+
+/* line 185, ../scss/custom-bars.scss */
+.bar.rotate.hover,
+.bar.rotate:hover {
+  transform: rotateX(60deg) rotate(90deg);
+}
+/* line 188, ../scss/custom-bars.scss */
+.bar.rotate.hover .bar-face.face-position.floor.volume-lights,
+.bar.rotate:hover .bar-face.face-position.floor.volume-lights {
+  box-shadow: 0 0 1em rgba(0, 0, 0, 0.3), 0.2em 0 0.1em -5px rgba(0, 0, 0, 0.3), -0.5em 0 1.75em rgba(254, 254, 254, 0.6);
+}
+/* line 193, ../scss/custom-bars.scss */
+.bar.rotate.hover .bar-face.face-position.shine:before,
+.bar.rotate:hover .bar-face.face-position.shine:before {
+  box-shadow: none;
+}
+
+/* line 199, ../scss/custom-bars.scss */
+.tooltip {
+  font-size: .65em;
+  font-weight: bold;
+  margin: 1.85em 0 0 -.5em;
+  display: inline-block;
+  position: absolute;
+  line-height: 1em;
+  height: 1em;
+  width: 1em;
+  left: 0;
+  background-color: #ff6db3;
+  color: #fefefe;
+  border-bottom: 1px solid #ff53a5;
+  box-shadow: 0 0.05em 0.1em -0.02em rgba(0, 0, 0, 0.4), 0 0.1em 0.6em rgba(0, 0, 0, 0.3);
+  transition: all 0.5s ease-out;
+}
+/* line 217, ../scss/custom-bars.scss */
+.tooltip:after, .tooltip:before {
+  display: inline-block;
+  font-size: .25em;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+}
+/* line 228, ../scss/custom-bars.scss */
+.tooltip:after {
+  content: '';
+  height: 0;
+  width: 0;
+  margin: -.75em 0 0 1em;
+  border: 1em solid transparent;
+  border-bottom-color: #ff6db3;
+  border-top-width: 0;
+  transition: all 0.5s ease-out;
+}
+/* line 239, ../scss/custom-bars.scss */
+.tooltip:before {
+  height: 100%;
+  text-align: center;
+}
+/* line 244, ../scss/custom-bars.scss */
+.tooltip.pos-2 {
+  box-shadow: none;
+  margin-top: -.6em;
+  transform: rotateX(-90deg) translateY(-0.5em);
+  transform-origin: 50% 100%;
+}
+/* line 250, ../scss/custom-bars.scss */
+.tooltip.pos-2:after {
+  margin: 3.75em 0 0 1em;
+  border-bottom-color: inherit;
+  border-bottom-width: 0;
+  border-top-width: 1em;
+  border-top-color: #ff6db3;
+}
+/* line 258, ../scss/custom-bars.scss */
+.tooltip.pos-2 .shadow {
+  display: inline-block;
+  width: 20%;
+  height: .02em;
+  background-color: transparent;
+  position: absolute;
+  left: 40%;
+  bottom: 0;
+  box-shadow: 0 0.7em 0.05em black, 0 0.7em 0.3em black;
+}
+/* line 271, ../scss/custom-bars.scss */
+.tooltip.white {
+  background-color: #fefefe;
+  border-bottom: 1px solid #e5e5e5;
+  color: #444444;
+  box-shadow: 0 0.08em 0.1em 0em rgba(0, 0, 0, 0.2), 0 0.1em 1.6em rgba(0, 0, 0, 0.2);
+}
+/* line 276, ../scss/custom-bars.scss */
+.tooltip.white:after {
+  border-bottom-color: #fefefe;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='1'] .tooltip {
+  left: 1%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='1'] .tooltip:before {
+  content: "1%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='1'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0c20f;
+  border-bottom: 1px solid #d8af0e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='1'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0c20f;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='2'] .tooltip {
+  left: 2%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='2'] .tooltip:before {
+  content: "2%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='2'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0c010;
+  border-bottom: 1px solid #d9ad0e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='2'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0c010;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='3'] .tooltip {
+  left: 3%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='3'] .tooltip:before {
+  content: "3%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='3'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0be11;
+  border-bottom: 1px solid #daac0e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='3'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0be11;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='4'] .tooltip {
+  left: 4%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='4'] .tooltip:before {
+  content: "4%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='4'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0bc12;
+  border-bottom: 1px solid #dbab0e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='4'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0bc12;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='5'] .tooltip {
+  left: 5%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='5'] .tooltip:before {
+  content: "5%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='5'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0ba13;
+  border-bottom: 1px solid #dca90e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='5'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0ba13;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='6'] .tooltip {
+  left: 6%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='6'] .tooltip:before {
+  content: "6%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='6'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0b814;
+  border-bottom: 1px solid #dca80e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='6'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0b814;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='7'] .tooltip {
+  left: 7%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='7'] .tooltip:before {
+  content: "7%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='7'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0b615;
+  border-bottom: 1px solid #dda60e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='7'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0b615;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='8'] .tooltip {
+  left: 8%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='8'] .tooltip:before {
+  content: "8%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='8'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0b416;
+  border-bottom: 1px solid #dea50e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='8'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0b416;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='9'] .tooltip {
+  left: 9%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='9'] .tooltip:before {
+  content: "9%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='9'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0b217;
+  border-bottom: 1px solid #dfa30e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='9'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0b217;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='10'] .tooltip {
+  left: 10%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='10'] .tooltip:before {
+  content: "10%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='10'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0b018;
+  border-bottom: 1px solid #e0a20f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='10'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0b018;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='11'] .tooltip {
+  left: 11%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='11'] .tooltip:before {
+  content: "11%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='11'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0ae19;
+  border-bottom: 1px solid #e1a00f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='11'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0ae19;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='12'] .tooltip {
+  left: 12%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='12'] .tooltip:before {
+  content: "12%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='12'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0ac1a;
+  border-bottom: 1px solid #e29f0f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='12'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0ac1a;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='13'] .tooltip {
+  left: 13%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='13'] .tooltip:before {
+  content: "13%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='13'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0aa1b;
+  border-bottom: 1px solid #e39d0f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='13'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0aa1b;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='14'] .tooltip {
+  left: 14%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='14'] .tooltip:before {
+  content: "14%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='14'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0a81c;
+  border-bottom: 1px solid #e39b0f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='14'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0a81c;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='15'] .tooltip {
+  left: 15%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='15'] .tooltip:before {
+  content: "15%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='15'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0a61d;
+  border-bottom: 1px solid #e49a0f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='15'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0a61d;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='16'] .tooltip {
+  left: 16%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='16'] .tooltip:before {
+  content: "16%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='16'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0a41e;
+  border-bottom: 1px solid #e5980f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='16'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0a41e;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='17'] .tooltip {
+  left: 17%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='17'] .tooltip:before {
+  content: "17%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='17'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0a21f;
+  border-bottom: 1px solid #e6960f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='17'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0a21f;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='18'] .tooltip {
+  left: 18%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='18'] .tooltip:before {
+  content: "18%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='18'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f0a020;
+  border-bottom: 1px solid #e79410;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='18'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f0a020;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='19'] .tooltip {
+  left: 19%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='19'] .tooltip:before {
+  content: "19%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='19'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f09e21;
+  border-bottom: 1px solid #e89210;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='19'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f09e21;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='20'] .tooltip {
+  left: 20%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='20'] .tooltip:before {
+  content: "20%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='20'].heat-gradient .heat-gradient-tooltip {
+  background-color: #f09c22;
+  border-bottom: 1px solid #e99010;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='20'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #f09c22;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='21'] .tooltip {
+  left: 21%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='21'] .tooltip:before {
+  content: "21%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='21'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef9a23;
+  border-bottom: 1px solid #e88e11;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='21'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef9a23;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='22'] .tooltip {
+  left: 22%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='22'] .tooltip:before {
+  content: "22%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='22'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef9824;
+  border-bottom: 1px solid #e98c11;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='22'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef9824;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='23'] .tooltip {
+  left: 23%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='23'] .tooltip:before {
+  content: "23%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='23'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef9625;
+  border-bottom: 1px solid #e98a11;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='23'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef9625;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='24'] .tooltip {
+  left: 24%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='24'] .tooltip:before {
+  content: "24%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='24'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef9426;
+  border-bottom: 1px solid #ea8811;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='24'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef9426;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='25'] .tooltip {
+  left: 25%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='25'] .tooltip:before {
+  content: "25%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='25'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef9327;
+  border-bottom: 1px solid #eb8711;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='25'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef9327;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='26'] .tooltip {
+  left: 26%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='26'] .tooltip:before {
+  content: "26%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='26'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef9128;
+  border-bottom: 1px solid #ec8512;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='26'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef9128;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='27'] .tooltip {
+  left: 27%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='27'] .tooltip:before {
+  content: "27%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='27'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef8f29;
+  border-bottom: 1px solid #ed8312;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='27'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef8f29;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='28'] .tooltip {
+  left: 28%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='28'] .tooltip:before {
+  content: "28%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='28'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef8d2a;
+  border-bottom: 1px solid #ed8012;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='28'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef8d2a;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='29'] .tooltip {
+  left: 29%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='29'] .tooltip:before {
+  content: "29%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='29'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef8b2b;
+  border-bottom: 1px solid #ed7e13;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='29'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef8b2b;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='30'] .tooltip {
+  left: 30%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='30'] .tooltip:before {
+  content: "30%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='30'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef892c;
+  border-bottom: 1px solid #ed7c14;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='30'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef892c;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='31'] .tooltip {
+  left: 31%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='31'] .tooltip:before {
+  content: "31%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='31'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef872d;
+  border-bottom: 1px solid #ed7915;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='31'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef872d;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='32'] .tooltip {
+  left: 32%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='32'] .tooltip:before {
+  content: "32%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='32'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef852e;
+  border-bottom: 1px solid #ed7716;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='32'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef852e;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='33'] .tooltip {
+  left: 33%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='33'] .tooltip:before {
+  content: "33%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='33'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef832f;
+  border-bottom: 1px solid #ed7517;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='33'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef832f;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='34'] .tooltip {
+  left: 34%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='34'] .tooltip:before {
+  content: "34%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='34'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef8130;
+  border-bottom: 1px solid #ed7318;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='34'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef8130;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='35'] .tooltip {
+  left: 35%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='35'] .tooltip:before {
+  content: "35%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='35'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef7f31;
+  border-bottom: 1px solid #ed7019;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='35'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef7f31;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='36'] .tooltip {
+  left: 36%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='36'] .tooltip:before {
+  content: "36%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='36'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef7d32;
+  border-bottom: 1px solid #ed6e1a;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='36'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef7d32;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='37'] .tooltip {
+  left: 37%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='37'] .tooltip:before {
+  content: "37%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='37'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef7b33;
+  border-bottom: 1px solid #ed6c1b;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='37'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef7b33;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='38'] .tooltip {
+  left: 38%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='38'] .tooltip:before {
+  content: "38%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='38'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef7934;
+  border-bottom: 1px solid #ed691c;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='38'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef7934;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='39'] .tooltip {
+  left: 39%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='39'] .tooltip:before {
+  content: "39%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='39'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef7735;
+  border-bottom: 1px solid #ed671d;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='39'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef7735;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='40'] .tooltip {
+  left: 40%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='40'] .tooltip:before {
+  content: "40%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='40'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ef7536;
+  border-bottom: 1px solid #ed651e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='40'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ef7536;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='41'] .tooltip {
+  left: 41%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='41'] .tooltip:before {
+  content: "41%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='41'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee7337;
+  border-bottom: 1px solid #ec631f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='41'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee7337;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='42'] .tooltip {
+  left: 42%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='42'] .tooltip:before {
+  content: "42%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='42'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee7138;
+  border-bottom: 1px solid #ec6021;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='42'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee7138;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='43'] .tooltip {
+  left: 43%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='43'] .tooltip:before {
+  content: "43%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='43'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee6f39;
+  border-bottom: 1px solid #ec5e22;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='43'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee6f39;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='44'] .tooltip {
+  left: 44%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='44'] .tooltip:before {
+  content: "44%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='44'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee6d3a;
+  border-bottom: 1px solid #ec5c23;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='44'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee6d3a;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='45'] .tooltip {
+  left: 45%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='45'] .tooltip:before {
+  content: "45%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='45'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee6b3b;
+  border-bottom: 1px solid #ec5924;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='45'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee6b3b;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='46'] .tooltip {
+  left: 46%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='46'] .tooltip:before {
+  content: "46%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='46'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee693c;
+  border-bottom: 1px solid #ec5725;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='46'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee693c;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='47'] .tooltip {
+  left: 47%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='47'] .tooltip:before {
+  content: "47%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='47'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee673d;
+  border-bottom: 1px solid #ec5526;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='47'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee673d;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='48'] .tooltip {
+  left: 48%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='48'] .tooltip:before {
+  content: "48%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='48'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee653e;
+  border-bottom: 1px solid #ec5227;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='48'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee653e;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='49'] .tooltip {
+  left: 49%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='49'] .tooltip:before {
+  content: "49%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='49'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee633f;
+  border-bottom: 1px solid #ec5028;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='49'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee633f;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='50'] .tooltip {
+  left: 50%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='50'] .tooltip:before {
+  content: "50%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='50'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee6240;
+  border-bottom: 1px solid #ec4f29;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='50'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee6240;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='51'] .tooltip {
+  left: 51%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='51'] .tooltip:before {
+  content: "51%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='51'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee6040;
+  border-bottom: 1px solid #ec4d29;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='51'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee6040;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='52'] .tooltip {
+  left: 52%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='52'] .tooltip:before {
+  content: "52%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='52'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5e41;
+  border-bottom: 1px solid #ec4a2a;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='52'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5e41;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='53'] .tooltip {
+  left: 53%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='53'] .tooltip:before {
+  content: "53%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='53'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5c42;
+  border-bottom: 1px solid #ec482b;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='53'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5c42;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='54'] .tooltip {
+  left: 54%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='54'] .tooltip:before {
+  content: "54%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='54'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5a43;
+  border-bottom: 1px solid #ec452c;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='54'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5a43;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='55'] .tooltip {
+  left: 55%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='55'] .tooltip:before {
+  content: "55%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='55'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5844;
+  border-bottom: 1px solid #ec432d;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='55'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5844;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='56'] .tooltip {
+  left: 56%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='56'] .tooltip:before {
+  content: "56%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='56'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5645;
+  border-bottom: 1px solid #ec412e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='56'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5645;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='57'] .tooltip {
+  left: 57%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='57'] .tooltip:before {
+  content: "57%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='57'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5446;
+  border-bottom: 1px solid #ec3e2f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='57'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5446;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='58'] .tooltip {
+  left: 58%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='58'] .tooltip:before {
+  content: "58%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='58'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5247;
+  border-bottom: 1px solid #ec3c30;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='58'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5247;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='59'] .tooltip {
+  left: 59%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='59'] .tooltip:before {
+  content: "59%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='59'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee5048;
+  border-bottom: 1px solid #ec3a31;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='59'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee5048;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='60'] .tooltip {
+  left: 60%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='60'] .tooltip:before {
+  content: "60%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='60'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ee4e49;
+  border-bottom: 1px solid #ec3732;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='60'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ee4e49;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='61'] .tooltip {
+  left: 61%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='61'] .tooltip:before {
+  content: "61%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='61'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed4c4a;
+  border-bottom: 1px solid #eb3533;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='61'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed4c4a;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='62'] .tooltip {
+  left: 62%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='62'] .tooltip:before {
+  content: "62%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='62'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed4a4b;
+  border-bottom: 1px solid #eb3334;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='62'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed4a4b;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='63'] .tooltip {
+  left: 63%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='63'] .tooltip:before {
+  content: "63%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='63'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed484c;
+  border-bottom: 1px solid #eb3135;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='63'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed484c;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='64'] .tooltip {
+  left: 64%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='64'] .tooltip:before {
+  content: "64%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='64'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed464d;
+  border-bottom: 1px solid #eb2f37;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='64'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed464d;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='65'] .tooltip {
+  left: 65%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='65'] .tooltip:before {
+  content: "65%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='65'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed444e;
+  border-bottom: 1px solid #eb2d38;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='65'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed444e;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='66'] .tooltip {
+  left: 66%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='66'] .tooltip:before {
+  content: "66%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='66'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed424f;
+  border-bottom: 1px solid #eb2b39;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='66'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed424f;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='67'] .tooltip {
+  left: 67%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='67'] .tooltip:before {
+  content: "67%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='67'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed4050;
+  border-bottom: 1px solid #eb293b;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='67'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed4050;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='68'] .tooltip {
+  left: 68%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='68'] .tooltip:before {
+  content: "68%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='68'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3e51;
+  border-bottom: 1px solid #eb273c;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='68'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3e51;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='69'] .tooltip {
+  left: 69%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='69'] .tooltip:before {
+  content: "69%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='69'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3c52;
+  border-bottom: 1px solid #eb253d;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='69'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3c52;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='70'] .tooltip {
+  left: 70%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='70'] .tooltip:before {
+  content: "70%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='70'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3a53;
+  border-bottom: 1px solid #eb233f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='70'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3a53;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='71'] .tooltip {
+  left: 71%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='71'] .tooltip:before {
+  content: "71%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='71'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3854;
+  border-bottom: 1px solid #eb2140;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='71'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3854;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='72'] .tooltip {
+  left: 72%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='72'] .tooltip:before {
+  content: "72%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='72'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3655;
+  border-bottom: 1px solid #eb1f41;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='72'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3655;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='73'] .tooltip {
+  left: 73%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='73'] .tooltip:before {
+  content: "73%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='73'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3456;
+  border-bottom: 1px solid #eb1d42;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='73'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3456;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='74'] .tooltip {
+  left: 74%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='74'] .tooltip:before {
+  content: "74%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='74'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3257;
+  border-bottom: 1px solid #eb1b44;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='74'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3257;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='75'] .tooltip {
+  left: 75%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='75'] .tooltip:before {
+  content: "75%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='75'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed3158;
+  border-bottom: 1px solid #eb1a45;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='75'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed3158;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='76'] .tooltip {
+  left: 76%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='76'] .tooltip:before {
+  content: "76%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='76'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed2f59;
+  border-bottom: 1px solid #eb1846;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='76'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed2f59;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='77'] .tooltip {
+  left: 77%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='77'] .tooltip:before {
+  content: "77%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='77'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed2d5a;
+  border-bottom: 1px solid #eb1648;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='77'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed2d5a;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='78'] .tooltip {
+  left: 78%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='78'] .tooltip:before {
+  content: "78%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='78'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed2b5b;
+  border-bottom: 1px solid #eb1449;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='78'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed2b5b;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='79'] .tooltip {
+  left: 79%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='79'] .tooltip:before {
+  content: "79%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='79'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed295c;
+  border-bottom: 1px solid #e9144b;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='79'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed295c;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='80'] .tooltip {
+  left: 80%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='80'] .tooltip:before {
+  content: "80%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='80'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ed275d;
+  border-bottom: 1px solid #e7134d;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='80'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ed275d;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='81'] .tooltip {
+  left: 81%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='81'] .tooltip:before {
+  content: "81%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='81'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec255e;
+  border-bottom: 1px solid #e4144f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='81'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec255e;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='82'] .tooltip {
+  left: 82%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='82'] .tooltip:before {
+  content: "82%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='82'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec235f;
+  border-bottom: 1px solid #e21451;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='82'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec235f;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='83'] .tooltip {
+  left: 83%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='83'] .tooltip:before {
+  content: "83%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='83'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec2160;
+  border-bottom: 1px solid #e01353;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='83'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec2160;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='84'] .tooltip {
+  left: 84%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='84'] .tooltip:before {
+  content: "84%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='84'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1f61;
+  border-bottom: 1px solid #df1354;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='84'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1f61;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='85'] .tooltip {
+  left: 85%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='85'] .tooltip:before {
+  content: "85%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='85'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1d62;
+  border-bottom: 1px solid #dd1356;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='85'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1d62;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='86'] .tooltip {
+  left: 86%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='86'] .tooltip:before {
+  content: "86%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='86'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1b63;
+  border-bottom: 1px solid #db1257;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='86'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1b63;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='87'] .tooltip {
+  left: 87%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='87'] .tooltip:before {
+  content: "87%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='87'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1964;
+  border-bottom: 1px solid #da1259;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='87'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1964;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='88'] .tooltip {
+  left: 88%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='88'] .tooltip:before {
+  content: "88%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='88'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1765;
+  border-bottom: 1px solid #d8125a;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='88'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1765;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='89'] .tooltip {
+  left: 89%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='89'] .tooltip:before {
+  content: "89%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='89'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1566;
+  border-bottom: 1px solid #d6115c;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='89'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1566;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='90'] .tooltip {
+  left: 90%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='90'] .tooltip:before {
+  content: "90%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='90'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1367;
+  border-bottom: 1px solid #d4115d;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='90'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1367;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='91'] .tooltip {
+  left: 91%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='91'] .tooltip:before {
+  content: "91%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='91'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec1168;
+  border-bottom: 1px solid #d40f5e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='91'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec1168;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='92'] .tooltip {
+  left: 92%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='92'] .tooltip:before {
+  content: "92%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='92'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec0f69;
+  border-bottom: 1px solid #d40d5e;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='92'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec0f69;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='93'] .tooltip {
+  left: 93%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='93'] .tooltip:before {
+  content: "93%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='93'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec0d6a;
+  border-bottom: 1px solid #d40c5f;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='93'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec0d6a;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='94'] .tooltip {
+  left: 94%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='94'] .tooltip:before {
+  content: "94%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='94'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec0b6b;
+  border-bottom: 1px solid #d40a60;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='94'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec0b6b;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='95'] .tooltip {
+  left: 95%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='95'] .tooltip:before {
+  content: "95%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='95'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec096c;
+  border-bottom: 1px solid #d30861;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='95'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec096c;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='96'] .tooltip {
+  left: 96%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='96'] .tooltip:before {
+  content: "96%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='96'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec076d;
+  border-bottom: 1px solid #d30662;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='96'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec076d;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='97'] .tooltip {
+  left: 97%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='97'] .tooltip:before {
+  content: "97%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='97'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec056e;
+  border-bottom: 1px solid #d30462;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='97'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec056e;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='98'] .tooltip {
+  left: 98%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='98'] .tooltip:before {
+  content: "98%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='98'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec036f;
+  border-bottom: 1px solid #d30363;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='98'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec036f;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='99'] .tooltip {
+  left: 99%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='99'] .tooltip:before {
+  content: "99%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='99'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec0170;
+  border-bottom: 1px solid #d30164;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='99'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec0170;
+}
+
+/* line 286, ../scss/custom-bars.scss */
+.bar[aria-valuenow='100'] .tooltip {
+  left: 100%;
+}
+/* line 289, ../scss/custom-bars.scss */
+.bar[aria-valuenow='100'] .tooltip:before {
+  content: "100%";
+}
+/* line 294, ../scss/custom-bars.scss */
+.bar[aria-valuenow='100'].heat-gradient .heat-gradient-tooltip {
+  background-color: #ec0071;
+  border-bottom: 1px solid #d30065;
+}
+/* line 16, ../scss/custom-bars.scss */
+.bar[aria-valuenow='100'].heat-gradient .heat-gradient-tooltip:after {
+  border-bottom-color: #ec0071;
+}

service/option/assets/pc/css/main.css

@@ -0,0 +1,168 @@
+*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
+.clearfix:before, .clearfix:after {display: table;  content: ''; }
+.clearfix:after { clear: both; }
+
+body {
+	font-family: Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
+	color: #444;
+	background: #E5E8EF;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+a {
+	outline: none;
+	color: #DF7932;
+	text-decoration: none;
+}
+
+a:hover, a:focus {
+	color: #333;
+}
+
+.hidden {
+	position: absolute;
+	overflow: hidden;
+	width: 0;
+	height: 0;
+	pointer-events: none;
+}
+
+/* Header */
+.codrops-header {
+	padding: 2em 1em 4em;
+	text-align: center;
+}
+
+.codrops-header h1 {
+	margin: 0.5em 0 0;
+	letter-spacing: -1px;
+	font-size: 3em;
+	line-height: 1;
+}
+
+.codrops-header h1 span {
+	text-transform: uppercase;
+	letter-spacing: 3px;
+	display: block;
+	padding: 2em 0 0;
+	color: #BBBFCB;
+	font-size: 0.285em;
+}
+
+/* Top Navigation Style */
+.codrops-links {
+	position: relative;
+	display: inline-block;
+	text-align: center;
+	white-space: nowrap;
+}
+
+.codrops-links::after {
+	position: absolute;
+	top: 0;
+	left: 50%;
+	width: 1px;
+	height: 100%;
+	background: rgba(0,0,0,0.1);
+	content: '';
+	-webkit-transform: rotate3d(0,0,1,22.5deg);
+	transform: rotate3d(0,0,1,22.5deg);
+}
+
+.codrops-icon {
+	display: inline-block;
+	margin: 0.5em;
+	padding: 0em 0;
+	width: 1.5em;
+	text-decoration: none;
+}
+
+.codrops-icon span {
+	display: none;
+}
+
+.codrops-icon:before {
+	margin: 0 5px;
+	text-transform: none;
+	font-weight: normal;
+	font-style: normal;
+	font-variant: normal;
+	font-family: 'codropsicons';
+	line-height: 1;
+
+	speak: none;
+	-webkit-font-smoothing: antialiased;
+}
+
+.codrops-icon--drop:before {
+	content: "\e001";
+}
+
+.codrops-icon--prev:before {
+	content: "\e004";
+}
+
+/* Demo links */
+.codrops-demos {
+	margin: 2em 0 0;
+}
+
+.codrops-demos a {
+	display: inline-block;
+	margin: 0 0.5em;
+	font-weight: bold;
+}
+
+.codrops-demos a.current-demo {
+	color: #333;
+}
+
+/* Content */
+.content {
+	padding: 3em 0;
+}
+
+/* Related demos */
+.content--related {
+	text-align: center;
+	font-weight: bold;
+}
+
+.media-item {
+	display: inline-block;
+	padding: 1em;
+	vertical-align: top;
+	-webkit-transition: color 0.3s;
+	transition: color 0.3s;
+}
+
+.media-item__img {
+	max-width: 100%;
+	opacity: 0.5;
+	-webkit-transition: opacity 0.3s;
+	transition: opacity 0.3s;
+}
+
+.media-item:hover .media-item__img,
+.media-item:focus .media-item__img {
+	opacity: 1;
+}
+
+.media-item__title {
+	margin: 0;
+	padding: 0.5em;
+	font-size: 1em;
+}
+
+@media screen and (max-width: 50em) {
+	.codrops-header {
+		padding: 3em 10% 4em;
+	}
+}
+
+@media screen and (max-width: 40em) {
+	.codrops-header h1 {
+		font-size: 2.8em;
+	}
+}

service/option/assets/pc/html/set.html

@@ -0,0 +1,183 @@
+
+<!DOCTYPE html>
+<html lang="en" class="no-js">
+
+<head>
+	<meta charset="UTF-8" />
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>期权管理系统</title>
+	<meta name="description" content="期权管理系统" />
+	<meta name="keywords" content="期权管理系统" />
+
+	<link rel="stylesheet" type="text/css" href="../script/lib/layui/css/layui.css" />
+	<script src="../script/lib/jquery/jquery.min.js"></script>
+	<script src="../script/lib/layui/layui.js"></script>
+	<script src="../script/lib/echarts/echarts.common.min.js"></script>
+	<script><{Dever::script()}></script>
+	<script src="../script/dever/core.js"></script>
+
+	<link rel="stylesheet" type="text/css" href="../css/main.css" />
+	<link rel="stylesheet" type="text/css" href="../css/custom-bars.css" />
+</head>
+
+<body>
+	<div class="container">
+		<header class="codrops-header">
+			<h1>期权管理系统</h1>
+		</header>
+		
+		<section class="content">
+			
+			<article class="flexy-grid">
+				<h3>点击开始进行期权交付</h3>
+				
+				<div class="site-main-button" style="margin-top: 20px; margin-bottom: 0;">
+				  <button class="layui-btn layui-btn-danger site-main-active" data-type="set">设置</button>
+				  <button class="layui-btn layui-btn-danger site-main-active" data-type="loading">开始</button>
+				</div>
+			</article>
+			<div class="layui-progress layui-progress-big" lay-showPercent="true" lay-filter="main">
+			  <div class="layui-progress-bar layui-bg-blue" lay-percent="0%"></div>
+			</div>
+		</section>
+		<!-- Related demos -->
+		
+	</div>
+	<script>
+	var data;
+	var total = 0;
+	var n = 0;
+	var j;
+	var DISABLED = 'layui-btn-disabled';
+	
+	layui.use(['element','layer'], function(){
+	  var $ = layui.jquery
+	  ,element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
+	  var layer = layui.layer;
+
+	  function loop(i,othis)
+		{
+			if (data[i]) {
+				$('h3').html(data[i]['name']);
+				i = i+1;
+				n = parseFloat(parseFloat(i) * parseFloat(j));
+				if (n >= 100) {
+					n = 100;
+					othis.removeClass(DISABLED);
+				}
+				element.progress('main', n+'%');
+				
+				setTimeout(function(){loop(i,othis)}, 1000);
+			}
+		}
+
+		function showAlert(msg, func, title, index, t)
+		{
+			if (!title) {
+				title = '温馨提示';
+			}
+
+			var type = 0;
+			if (msg.indexOf('<') != -1) {
+				type = 1;
+			}
+			if (t) {
+				type = t;
+			}
+
+			var config = {
+			  type: 0,
+			  title: title,
+			  shade: 0.1,
+			  shadeClose : true,
+			  content: msg
+			};
+
+			if (index) {
+				config.zIndex = index;
+			}
+
+			config.scrollbar = false;
+
+			if (type == 1) {
+				config.type = 1;
+				config.btn = ['保存', '关闭'];
+				config.area = '500px';
+				
+			}
+			config.cancel = config.btn2 = function(index)
+			{
+				layer.close(index);
+			};
+
+			if (func) {
+				config.yes = function(index)
+				{
+					func(index);
+				};
+			} else {
+				config.yes = config.cancel;
+			}
+			config.success = function() {
+				//$('.layui-layer-content').css('padding', '10px');
+			}
+
+			config.end = function() {
+				$('.layui-layer-content').css('overflow-x', 'auto');
+				$('#update_button').show();
+			}
+			
+			var index = layer.open(config);
+		}
+
+		function setIndex()
+		{
+			var value = $("#setIndex").val().split('-');
+			var url = '<{$url}>';
+	      var start = value[0];
+	      var end = value[1];
+	      $.getJSON(url, {start:start,end:end}, function(t) {
+	   			state = 1;
+	   			total = t.data.total;
+	   			data = t.data.list;
+	   			layer.closeAll();
+	      });
+		}
+	  //触发事件
+	  var active = {
+	    set: function(){
+	      //element.progress('main', '50%')
+	      showAlert('<form class="layui-form" style="margin:10px"><div class="layui-form-item"><label class="layui-form-label">索引</label><div class="layui-input-block"><input type="text" id="setIndex" name="" placeholder="请输入账户索引，间隔用-隔开" autocomplete="off" class="layui-input"></div></div></form>', function() {setIndex()});
+	      
+	    }
+	    ,loading: function(othis) {
+	    	if (total <= 0) {
+	    		alert('请先设置');
+	    		return;
+	    	}
+			
+			if(othis.hasClass(DISABLED)) return;
+			othis.addClass(DISABLED);
+
+			j = 100/total;
+			element.progress('main', '0%');
+			loop(0, othis);
+			return;
+			if (n < 100) {
+				n = 100;
+				element.progress('main', n+'%');
+				othis.removeClass(DISABLED);
+			}
+	    },
+	  };
+	  
+	  $('.site-main-active').on('click', function(){
+	    var othis = $(this), type = $(this).data('type');
+	    active[type] ? active[type].call(this, othis) : '';
+	  });
+	});
+	</script>
+	
+</body>
+</html>

service/option/src/Import.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace Option\Src;
+
+use Dever;
+
+class Import
+{
+    public function set()
+    {
+    	$data = array();
+        $data['url'] = Dever::url('import.get?json=1', 'option');
+        return Dever::render('set', $data);
+    }
+
+    public function get()
+    {
+    	$where['start'] = Dever::input('start');
+    	$where['end'] = Dever::input('end');
+
+    	# 获取索引数值内的账户列表
+        $data['list'] = Dever::db('option/member')->getDataByKeys($where);
+        $data['total'] = count($data['list']);
+
+        return $data;
+    }
+}