/* Media Queries */
/* Styles */
* {
  box-sizing: border-box;
}

html, body {
  padding: 0;
  margin: 0;
  font-family: "Noticia Text", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

html,
body,
button {
  font-size: min(2vw, 2vh);
}
@media (max-width: 767px) {
  html,
  body,
  button {
    font-size: min(3.25vw, 3.25vh);
  }
}

body {
  position: relative;
  background: url("/img/ZF_bg.jpg") center/cover no-repeat #000;
}

button {
  font-family: "Noticia Text", serif;
  background: none;
  border: none;
  box-shadow: none;
}

/* ZF and Main Wrappers */
#ZF {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100vh;
}
@media (max-width: 767px) {
  #ZF.playing {
    justify-content: initial;
    padding: 15vh 0;
    height: 100%;
  }
}

#main {
  position: relative;
  height: min(70vh, 70vw);
  text-align: center;
  padding: 0;
  opacity: 1;
  background-color: hsla(0, 0%, 0%, 0.75);
  transition: opacity 2s;
  overflow: hidden;
}
@media (max-width: 767px) {
  .playing #main {
    height: auto;
  }
}
body.loading #main {
  opacity: 0;
}

#ZF:not(.playing) #main:hover {
  animation: rainbow-bg 5s linear infinite;
}

/* Branch and Social */
#branch,
#social {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 15vh;
  justify-content: center;
}

#branch {
  left: 50%;
  bottom: calc(50% + min(35vh, 35vw));
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 2s;
  pointer-events: none;
  padding: 2.5vh 7.5%;
}
.playing #branch {
  opacity: 1;
  cursor: pointer;
  transition: opacity 2s;
  pointer-events: all;
}
@media (max-width: 767px) {
  .playing #branch {
    top: 0;
    bottom: auto;
  }
}
#branch svg {
  height: 100%;
  width: auto;
}
@media (max-width: 767px) {
  #branch svg {
    max-width: 85vw;
  }
}
#branch svg path,
#branch svg tspan {
  transition: fill 0.4s;
}
#branch:hover svg path, #branch:focus svg path, #branch:hover svg tspan, #branch:focus svg tspan {
  animation: rainbow 4s linear infinite;
}

#social {
  top: calc(50% + min(35vh, 35vw));
  left: 50%;
  transform: translateX(-50%);
  padding: 4vh 0;
  width: 85%;
}
@media (max-width: 767px) {
  .playing #social {
    top: auto;
    bottom: 0;
  }
}
#social a {
  margin-left: 10%;
  transform: scale(1);
  filter: invert(100%);
  transition: transform 0.4s, filter 0.4s;
}
#social a:first-child {
  margin-left: 0;
}
#social a:hover, #social a:focus {
  transform: scale(1.1);
  filter: invert(0%);
}
#social a img {
  max-width: 18.25vw;
}
#social a:nth-child(1) img {
  height: 7vh;
}
#social a:nth-child(2) img {
  height: 6.5vh;
}
#social a:nth-child(3) img {
  height: 5.75vh;
}
#social a:last-child img {
  height: 6vh;
}

/* Splash and Slideshow */
#splash {
  padding: 4% 4% 3%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 1;
  transition: background-color 0.4s;
}
#splash * {
  opacity: 1;
  transition: opacity 1s;
}
.playing #splash {
  opacity: 0;
  z-index: -10000;
  pointer-events: none;
}
.playing #splash * {
  opacity: 0;
}
#splash svg {
  max-width: 100%;
  height: 100%;
}
#splash #play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: auto;
  max-width: 100%;
  height: 70%;
  opacity: 0.4;
  z-index: -2;
  transition: opacity 0.4s;
}
#splash:hover #play-icon, #splash:focus #play-icon {
  opacity: 0.75;
  z-index: 2;
}

#slideshow {
  position: absolute;
  left: 5%;
  top: 0;
  display: inline-grid;
  width: 90%;
  height: 100%;
  grid-template-columns: 48% 48%;
  grid-template-rows: auto 1fr;
  column-gap: 4%;
  row-gap: 0;
  opacity: 0;
  transition: opacity 1s;
  z-index: -1000;
  pointer-events: none;
}
.playing #slideshow {
  opacity: 1;
  z-index: 100;
  pointer-events: all;
}
@media (max-width: 767px) {
  .playing #slideshow {
    position: relative;
  }
}
@media (max-width: 767px) {
  #slideshow {
    display: inline-flex;
    left: auto;
    height: auto;
    flex-direction: column;
    font-size: 1.25rem;
  }
}

/* Video */
#video-wrap {
  grid-row: 1/span 2;
  text-align: right;
}
@media (max-width: 767px) {
  #video-wrap {
    position: relative;
    padding: 1.5em 15%;
  }
}

#video-inner {
  position: relative;
  display: inline-block;
  height: 100%;
}
@media (max-width: 767px) {
  #video-inner {
    width: 100%;
    right: auto;
    height: auto;
  }
}
#video-inner video {
  display: block;
  height: 100%;
  width: auto;
  pointer-events: all;
  cursor: pointer;
  opacity: 1;
  transition: opacity 0.4s;
}
@media (max-width: 767px) {
  #video-inner video {
    height: auto;
    width: 100%;
  }
}
#video-inner svg#spin {
  display: none;
  position: absolute;
  height: 5em;
  width: 5em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: spin 2s linear infinite;
}
#video-inner svg#spin path {
  animation: rainbow 1s linear infinite;
}
#video-inner.loading {
  background: rgba(0, 0, 0, 0.25);
}
#video-inner.loading svg#spin {
  display: block;
}
#video-inner.loading video {
  opacity: 0;
}

/* Credits */
#meta {
  position: relative;
  overflow: hidden;
  padding: 0 0 1.75em;
}
@media (max-width: 767px) {
  #meta {
    padding: 0;
  }
}

#title,
#credits {
  text-align: left;
  color: #fff;
}

#title {
  padding: 1.75em 1.5em 0 0;
}
@media (max-width: 767px) {
  #title {
    width: 100%;
    order: -1;
    text-align: center;
    padding: 1.75em 0 0;
  }
}
#title h2 {
  font-size: 3em;
  font-family: "Jim Nightshade", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25;
  margin: 0;
}
@media (max-width: 767px) {
  #title h2 {
    font-size: 2.75em;
  }
}
#title #video-creator {
  font-size: 0.94em;
  margin-bottom: 1.5em;
}
@media (max-width: 767px) {
  #title #video-creator {
    margin-bottom: 0;
  }
}

#credits {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.5em 3.5em 0;
  opacity: 1;
  transition: opacity 1s;
}
@media (max-width: 767px) {
  #credits {
    position: relative;
    top: auto;
    transform: none;
    padding: 0;
  }
}
.menu #credits {
  opacity: 0;
  pointer-events: none;
}
#credits > div {
  font-size: 1.05em;
}
#credits h3 {
  margin: 1.5em 0 0.25em;
  font-size: 0.9em;
  text-transform: uppercase;
}
#credits h3.music {
  margin-top: 0;
}
#credits a {
  text-decoration: none;
  filter: invert(0);
  transition: filter 0.2s;
}
#credits a:hover, #credits a:focus {
  filter: invert(1);
  text-decoration: underline;
}
#credits #video-music a {
  color: hsl(150, 100%, 50%);
}
#credits #video-bg a {
  color: hsl(210, 100%, 50%);
}

#foss {
  display: flex;
  text-align: center;
  padding-top: 0.5em;
}
#foss img {
  height: 3em;
  width: auto;
}
#foss > div:nth-child(1) img,
#foss > div:nth-child(3) img {
  border-radius: 50%;
}
#foss > div:nth-child(2) img {
  margin: 0 1.5rem;
}
#foss a {
  display: block;
  padding: 0;
  transform: scale(1);
  transition: transform 0.2s;
}
#foss a:hover, #foss a:focus {
  transform: scale(1.1);
  filter: none;
}

#order {
  position: absolute;
  bottom: 2em;
  right: calc(54.5% + min(41.5vh, 41.5vw));
  transform: translateX(50%);
  font-size: 1em;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  opacity: 1;
  transition: opacity 1s;
}
@media (max-width: 767px) {
  #order {
    position: relative;
    bottom: auto;
    right: auto;
    text-align: left;
    transform: none;
    margin: 1.5em 0 1.75em;
  }
}
.menu #order {
  opacity: 0;
}
#order #date {
  font-size: 0.55em;
  font-weight: 700;
  text-transform: uppercase;
}

/* Controls */
#video-wrap button svg, button#bars svg, button#info svg {
  transform: scale(1);
  transition: transform 0.2s;
}
#video-wrap button:hover svg, #video-wrap button:focus svg, button#bars:hover svg, button#bars:focus svg, button#info:hover svg, button#info:focus svg {
  transform: scale(1.2);
  animation: rainbow 3s linear infinite;
}

#prev,
#next,
#bars,
#info {
  font-size: 1em;
  color: #fff;
  position: absolute;
  cursor: pointer;
  width: 3em;
}

#prev svg,
#next svg,
#bars svg,
#info svg {
  display: block;
  width: 100%;
  fill: #fff;
}

#info svg {
  border: 0.2em solid #fff;
  border-radius: 50%;
  padding: 0.25em;
}

#bars,
#info {
  right: auto;
  left: 100%;
  top: 2.15em;
  line-height: 1;
  transform: translateX(-50%);
  width: 2.75em;
}
@media (max-width: 767px) {
  #bars,
  #info {
    left: auto;
    top: auto;
    right: -2%;
    bottom: 1.4em;
    top: auto;
  }
}

#info,
.menu #bars {
  display: none;
}

.menu #info {
  display: block;
}

#prev {
  right: calc(54.5% + min(41.5vh, 41.5vw));
  top: 50%;
  transform: translate(50%, -50%);
}
@media (max-width: 767px) {
  #prev {
    left: -3%;
    right: auto;
    transform: translateY(-50%);
  }
}

#next {
  right: auto;
  left: 100%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  #next {
    left: auto;
    right: -3%;
    transform: translateY(-50%);
  }
}

/* Playlist */
#menu {
  color: #fff;
  width: 100%;
  height: 100%;
  text-align: left;
  flex-direction: column;
  align-items: center;
  overflow-y: scroll;
  overflow-x: visible;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s;
}
@media (max-width: 767px) {
  #menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
}

.playing.menu #menu {
  opacity: 1;
  pointer-events: all;
}

#playlist {
  width: 100%;
}

#playlist button {
  display: block;
  color: #fff;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: invert(0);
  transition: filter 0.2s;
  text-align: left;
  font-size: min(1.25em, 2vw);
  white-space: nowrap;
}
@media (max-width: 767px) {
  #playlist button {
    font-size: 1em;
  }
}
#playlist button:hover, #playlist button:focus {
  text-decoration: underline;
  filter: invert(1);
}
#playlist button span {
  display: inline-block;
}
#playlist button:hover span, #playlist button:focus span {
  text-decoration: none;
}
#playlist button.current {
  filter: invert(1);
}
#playlist button.current:hover, #playlist button.current:focus {
  text-decoration: none;
}
#playlist button.current:hover {
  filter: invert(0);
}

/* Animations */
@keyframes rainbow {
  0% {
    fill: hsl(0, 100%, 50%);
    border-color: hsl(0, 100%, 50%);
  }
  0.2777777778% {
    fill: hsl(1, 100%, 50%);
    border-color: hsl(1, 100%, 50%);
  }
  0.5555555556% {
    fill: hsl(2, 100%, 50%);
    border-color: hsl(2, 100%, 50%);
  }
  0.8333333333% {
    fill: hsl(3, 100%, 50%);
    border-color: hsl(3, 100%, 50%);
  }
  1.1111111111% {
    fill: hsl(4, 100%, 50%);
    border-color: hsl(4, 100%, 50%);
  }
  1.3888888889% {
    fill: hsl(5, 100%, 50%);
    border-color: hsl(5, 100%, 50%);
  }
  1.6666666667% {
    fill: hsl(6, 100%, 50%);
    border-color: hsl(6, 100%, 50%);
  }
  1.9444444444% {
    fill: hsl(7, 100%, 50%);
    border-color: hsl(7, 100%, 50%);
  }
  2.2222222222% {
    fill: hsl(8, 100%, 50%);
    border-color: hsl(8, 100%, 50%);
  }
  2.5% {
    fill: hsl(9, 100%, 50%);
    border-color: hsl(9, 100%, 50%);
  }
  2.7777777778% {
    fill: hsl(10, 100%, 50%);
    border-color: hsl(10, 100%, 50%);
  }
  3.0555555556% {
    fill: hsl(11, 100%, 50%);
    border-color: hsl(11, 100%, 50%);
  }
  3.3333333333% {
    fill: hsl(12, 100%, 50%);
    border-color: hsl(12, 100%, 50%);
  }
  3.6111111111% {
    fill: hsl(13, 100%, 50%);
    border-color: hsl(13, 100%, 50%);
  }
  3.8888888889% {
    fill: hsl(14, 100%, 50%);
    border-color: hsl(14, 100%, 50%);
  }
  4.1666666667% {
    fill: hsl(15, 100%, 50%);
    border-color: hsl(15, 100%, 50%);
  }
  4.4444444444% {
    fill: hsl(16, 100%, 50%);
    border-color: hsl(16, 100%, 50%);
  }
  4.7222222222% {
    fill: hsl(17, 100%, 50%);
    border-color: hsl(17, 100%, 50%);
  }
  5% {
    fill: hsl(18, 100%, 50%);
    border-color: hsl(18, 100%, 50%);
  }
  5.2777777778% {
    fill: hsl(19, 100%, 50%);
    border-color: hsl(19, 100%, 50%);
  }
  5.5555555556% {
    fill: hsl(20, 100%, 50%);
    border-color: hsl(20, 100%, 50%);
  }
  5.8333333333% {
    fill: hsl(21, 100%, 50%);
    border-color: hsl(21, 100%, 50%);
  }
  6.1111111111% {
    fill: hsl(22, 100%, 50%);
    border-color: hsl(22, 100%, 50%);
  }
  6.3888888889% {
    fill: hsl(23, 100%, 50%);
    border-color: hsl(23, 100%, 50%);
  }
  6.6666666667% {
    fill: hsl(24, 100%, 50%);
    border-color: hsl(24, 100%, 50%);
  }
  6.9444444444% {
    fill: hsl(25, 100%, 50%);
    border-color: hsl(25, 100%, 50%);
  }
  7.2222222222% {
    fill: hsl(26, 100%, 50%);
    border-color: hsl(26, 100%, 50%);
  }
  7.5% {
    fill: hsl(27, 100%, 50%);
    border-color: hsl(27, 100%, 50%);
  }
  7.7777777778% {
    fill: hsl(28, 100%, 50%);
    border-color: hsl(28, 100%, 50%);
  }
  8.0555555556% {
    fill: hsl(29, 100%, 50%);
    border-color: hsl(29, 100%, 50%);
  }
  8.3333333333% {
    fill: hsl(30, 100%, 50%);
    border-color: hsl(30, 100%, 50%);
  }
  8.6111111111% {
    fill: hsl(31, 100%, 50%);
    border-color: hsl(31, 100%, 50%);
  }
  8.8888888889% {
    fill: hsl(32, 100%, 50%);
    border-color: hsl(32, 100%, 50%);
  }
  9.1666666667% {
    fill: hsl(33, 100%, 50%);
    border-color: hsl(33, 100%, 50%);
  }
  9.4444444444% {
    fill: hsl(34, 100%, 50%);
    border-color: hsl(34, 100%, 50%);
  }
  9.7222222222% {
    fill: hsl(35, 100%, 50%);
    border-color: hsl(35, 100%, 50%);
  }
  10% {
    fill: hsl(36, 100%, 50%);
    border-color: hsl(36, 100%, 50%);
  }
  10.2777777778% {
    fill: hsl(37, 100%, 50%);
    border-color: hsl(37, 100%, 50%);
  }
  10.5555555556% {
    fill: hsl(38, 100%, 50%);
    border-color: hsl(38, 100%, 50%);
  }
  10.8333333333% {
    fill: hsl(39, 100%, 50%);
    border-color: hsl(39, 100%, 50%);
  }
  11.1111111111% {
    fill: hsl(40, 100%, 50%);
    border-color: hsl(40, 100%, 50%);
  }
  11.3888888889% {
    fill: hsl(41, 100%, 50%);
    border-color: hsl(41, 100%, 50%);
  }
  11.6666666667% {
    fill: hsl(42, 100%, 50%);
    border-color: hsl(42, 100%, 50%);
  }
  11.9444444444% {
    fill: hsl(43, 100%, 50%);
    border-color: hsl(43, 100%, 50%);
  }
  12.2222222222% {
    fill: hsl(44, 100%, 50%);
    border-color: hsl(44, 100%, 50%);
  }
  12.5% {
    fill: hsl(45, 100%, 50%);
    border-color: hsl(45, 100%, 50%);
  }
  12.7777777778% {
    fill: hsl(46, 100%, 50%);
    border-color: hsl(46, 100%, 50%);
  }
  13.0555555556% {
    fill: hsl(47, 100%, 50%);
    border-color: hsl(47, 100%, 50%);
  }
  13.3333333333% {
    fill: hsl(48, 100%, 50%);
    border-color: hsl(48, 100%, 50%);
  }
  13.6111111111% {
    fill: hsl(49, 100%, 50%);
    border-color: hsl(49, 100%, 50%);
  }
  13.8888888889% {
    fill: hsl(50, 100%, 50%);
    border-color: hsl(50, 100%, 50%);
  }
  14.1666666667% {
    fill: hsl(51, 100%, 50%);
    border-color: hsl(51, 100%, 50%);
  }
  14.4444444444% {
    fill: hsl(52, 100%, 50%);
    border-color: hsl(52, 100%, 50%);
  }
  14.7222222222% {
    fill: hsl(53, 100%, 50%);
    border-color: hsl(53, 100%, 50%);
  }
  15% {
    fill: hsl(54, 100%, 50%);
    border-color: hsl(54, 100%, 50%);
  }
  15.2777777778% {
    fill: hsl(55, 100%, 50%);
    border-color: hsl(55, 100%, 50%);
  }
  15.5555555556% {
    fill: hsl(56, 100%, 50%);
    border-color: hsl(56, 100%, 50%);
  }
  15.8333333333% {
    fill: hsl(57, 100%, 50%);
    border-color: hsl(57, 100%, 50%);
  }
  16.1111111111% {
    fill: hsl(58, 100%, 50%);
    border-color: hsl(58, 100%, 50%);
  }
  16.3888888889% {
    fill: hsl(59, 100%, 50%);
    border-color: hsl(59, 100%, 50%);
  }
  16.6666666667% {
    fill: hsl(60, 100%, 50%);
    border-color: hsl(60, 100%, 50%);
  }
  16.9444444444% {
    fill: hsl(61, 100%, 50%);
    border-color: hsl(61, 100%, 50%);
  }
  17.2222222222% {
    fill: hsl(62, 100%, 50%);
    border-color: hsl(62, 100%, 50%);
  }
  17.5% {
    fill: hsl(63, 100%, 50%);
    border-color: hsl(63, 100%, 50%);
  }
  17.7777777778% {
    fill: hsl(64, 100%, 50%);
    border-color: hsl(64, 100%, 50%);
  }
  18.0555555556% {
    fill: hsl(65, 100%, 50%);
    border-color: hsl(65, 100%, 50%);
  }
  18.3333333333% {
    fill: hsl(66, 100%, 50%);
    border-color: hsl(66, 100%, 50%);
  }
  18.6111111111% {
    fill: hsl(67, 100%, 50%);
    border-color: hsl(67, 100%, 50%);
  }
  18.8888888889% {
    fill: hsl(68, 100%, 50%);
    border-color: hsl(68, 100%, 50%);
  }
  19.1666666667% {
    fill: hsl(69, 100%, 50%);
    border-color: hsl(69, 100%, 50%);
  }
  19.4444444444% {
    fill: hsl(70, 100%, 50%);
    border-color: hsl(70, 100%, 50%);
  }
  19.7222222222% {
    fill: hsl(71, 100%, 50%);
    border-color: hsl(71, 100%, 50%);
  }
  20% {
    fill: hsl(72, 100%, 50%);
    border-color: hsl(72, 100%, 50%);
  }
  20.2777777778% {
    fill: hsl(73, 100%, 50%);
    border-color: hsl(73, 100%, 50%);
  }
  20.5555555556% {
    fill: hsl(74, 100%, 50%);
    border-color: hsl(74, 100%, 50%);
  }
  20.8333333333% {
    fill: hsl(75, 100%, 50%);
    border-color: hsl(75, 100%, 50%);
  }
  21.1111111111% {
    fill: hsl(76, 100%, 50%);
    border-color: hsl(76, 100%, 50%);
  }
  21.3888888889% {
    fill: hsl(77, 100%, 50%);
    border-color: hsl(77, 100%, 50%);
  }
  21.6666666667% {
    fill: hsl(78, 100%, 50%);
    border-color: hsl(78, 100%, 50%);
  }
  21.9444444444% {
    fill: hsl(79, 100%, 50%);
    border-color: hsl(79, 100%, 50%);
  }
  22.2222222222% {
    fill: hsl(80, 100%, 50%);
    border-color: hsl(80, 100%, 50%);
  }
  22.5% {
    fill: hsl(81, 100%, 50%);
    border-color: hsl(81, 100%, 50%);
  }
  22.7777777778% {
    fill: hsl(82, 100%, 50%);
    border-color: hsl(82, 100%, 50%);
  }
  23.0555555556% {
    fill: hsl(83, 100%, 50%);
    border-color: hsl(83, 100%, 50%);
  }
  23.3333333333% {
    fill: hsl(84, 100%, 50%);
    border-color: hsl(84, 100%, 50%);
  }
  23.6111111111% {
    fill: hsl(85, 100%, 50%);
    border-color: hsl(85, 100%, 50%);
  }
  23.8888888889% {
    fill: hsl(86, 100%, 50%);
    border-color: hsl(86, 100%, 50%);
  }
  24.1666666667% {
    fill: hsl(87, 100%, 50%);
    border-color: hsl(87, 100%, 50%);
  }
  24.4444444444% {
    fill: hsl(88, 100%, 50%);
    border-color: hsl(88, 100%, 50%);
  }
  24.7222222222% {
    fill: hsl(89, 100%, 50%);
    border-color: hsl(89, 100%, 50%);
  }
  25% {
    fill: hsl(90, 100%, 50%);
    border-color: hsl(90, 100%, 50%);
  }
  25.2777777778% {
    fill: hsl(91, 100%, 50%);
    border-color: hsl(91, 100%, 50%);
  }
  25.5555555556% {
    fill: hsl(92, 100%, 50%);
    border-color: hsl(92, 100%, 50%);
  }
  25.8333333333% {
    fill: hsl(93, 100%, 50%);
    border-color: hsl(93, 100%, 50%);
  }
  26.1111111111% {
    fill: hsl(94, 100%, 50%);
    border-color: hsl(94, 100%, 50%);
  }
  26.3888888889% {
    fill: hsl(95, 100%, 50%);
    border-color: hsl(95, 100%, 50%);
  }
  26.6666666667% {
    fill: hsl(96, 100%, 50%);
    border-color: hsl(96, 100%, 50%);
  }
  26.9444444444% {
    fill: hsl(97, 100%, 50%);
    border-color: hsl(97, 100%, 50%);
  }
  27.2222222222% {
    fill: hsl(98, 100%, 50%);
    border-color: hsl(98, 100%, 50%);
  }
  27.5% {
    fill: hsl(99, 100%, 50%);
    border-color: hsl(99, 100%, 50%);
  }
  27.7777777778% {
    fill: hsl(100, 100%, 50%);
    border-color: hsl(100, 100%, 50%);
  }
  28.0555555556% {
    fill: hsl(101, 100%, 50%);
    border-color: hsl(101, 100%, 50%);
  }
  28.3333333333% {
    fill: hsl(102, 100%, 50%);
    border-color: hsl(102, 100%, 50%);
  }
  28.6111111111% {
    fill: hsl(103, 100%, 50%);
    border-color: hsl(103, 100%, 50%);
  }
  28.8888888889% {
    fill: hsl(104, 100%, 50%);
    border-color: hsl(104, 100%, 50%);
  }
  29.1666666667% {
    fill: hsl(105, 100%, 50%);
    border-color: hsl(105, 100%, 50%);
  }
  29.4444444444% {
    fill: hsl(106, 100%, 50%);
    border-color: hsl(106, 100%, 50%);
  }
  29.7222222222% {
    fill: hsl(107, 100%, 50%);
    border-color: hsl(107, 100%, 50%);
  }
  30% {
    fill: hsl(108, 100%, 50%);
    border-color: hsl(108, 100%, 50%);
  }
  30.2777777778% {
    fill: hsl(109, 100%, 50%);
    border-color: hsl(109, 100%, 50%);
  }
  30.5555555556% {
    fill: hsl(110, 100%, 50%);
    border-color: hsl(110, 100%, 50%);
  }
  30.8333333333% {
    fill: hsl(111, 100%, 50%);
    border-color: hsl(111, 100%, 50%);
  }
  31.1111111111% {
    fill: hsl(112, 100%, 50%);
    border-color: hsl(112, 100%, 50%);
  }
  31.3888888889% {
    fill: hsl(113, 100%, 50%);
    border-color: hsl(113, 100%, 50%);
  }
  31.6666666667% {
    fill: hsl(114, 100%, 50%);
    border-color: hsl(114, 100%, 50%);
  }
  31.9444444444% {
    fill: hsl(115, 100%, 50%);
    border-color: hsl(115, 100%, 50%);
  }
  32.2222222222% {
    fill: hsl(116, 100%, 50%);
    border-color: hsl(116, 100%, 50%);
  }
  32.5% {
    fill: hsl(117, 100%, 50%);
    border-color: hsl(117, 100%, 50%);
  }
  32.7777777778% {
    fill: hsl(118, 100%, 50%);
    border-color: hsl(118, 100%, 50%);
  }
  33.0555555556% {
    fill: hsl(119, 100%, 50%);
    border-color: hsl(119, 100%, 50%);
  }
  33.3333333333% {
    fill: hsl(120, 100%, 50%);
    border-color: hsl(120, 100%, 50%);
  }
  33.6111111111% {
    fill: hsl(121, 100%, 50%);
    border-color: hsl(121, 100%, 50%);
  }
  33.8888888889% {
    fill: hsl(122, 100%, 50%);
    border-color: hsl(122, 100%, 50%);
  }
  34.1666666667% {
    fill: hsl(123, 100%, 50%);
    border-color: hsl(123, 100%, 50%);
  }
  34.4444444444% {
    fill: hsl(124, 100%, 50%);
    border-color: hsl(124, 100%, 50%);
  }
  34.7222222222% {
    fill: hsl(125, 100%, 50%);
    border-color: hsl(125, 100%, 50%);
  }
  35% {
    fill: hsl(126, 100%, 50%);
    border-color: hsl(126, 100%, 50%);
  }
  35.2777777778% {
    fill: hsl(127, 100%, 50%);
    border-color: hsl(127, 100%, 50%);
  }
  35.5555555556% {
    fill: hsl(128, 100%, 50%);
    border-color: hsl(128, 100%, 50%);
  }
  35.8333333333% {
    fill: hsl(129, 100%, 50%);
    border-color: hsl(129, 100%, 50%);
  }
  36.1111111111% {
    fill: hsl(130, 100%, 50%);
    border-color: hsl(130, 100%, 50%);
  }
  36.3888888889% {
    fill: hsl(131, 100%, 50%);
    border-color: hsl(131, 100%, 50%);
  }
  36.6666666667% {
    fill: hsl(132, 100%, 50%);
    border-color: hsl(132, 100%, 50%);
  }
  36.9444444444% {
    fill: hsl(133, 100%, 50%);
    border-color: hsl(133, 100%, 50%);
  }
  37.2222222222% {
    fill: hsl(134, 100%, 50%);
    border-color: hsl(134, 100%, 50%);
  }
  37.5% {
    fill: hsl(135, 100%, 50%);
    border-color: hsl(135, 100%, 50%);
  }
  37.7777777778% {
    fill: hsl(136, 100%, 50%);
    border-color: hsl(136, 100%, 50%);
  }
  38.0555555556% {
    fill: hsl(137, 100%, 50%);
    border-color: hsl(137, 100%, 50%);
  }
  38.3333333333% {
    fill: hsl(138, 100%, 50%);
    border-color: hsl(138, 100%, 50%);
  }
  38.6111111111% {
    fill: hsl(139, 100%, 50%);
    border-color: hsl(139, 100%, 50%);
  }
  38.8888888889% {
    fill: hsl(140, 100%, 50%);
    border-color: hsl(140, 100%, 50%);
  }
  39.1666666667% {
    fill: hsl(141, 100%, 50%);
    border-color: hsl(141, 100%, 50%);
  }
  39.4444444444% {
    fill: hsl(142, 100%, 50%);
    border-color: hsl(142, 100%, 50%);
  }
  39.7222222222% {
    fill: hsl(143, 100%, 50%);
    border-color: hsl(143, 100%, 50%);
  }
  40% {
    fill: hsl(144, 100%, 50%);
    border-color: hsl(144, 100%, 50%);
  }
  40.2777777778% {
    fill: hsl(145, 100%, 50%);
    border-color: hsl(145, 100%, 50%);
  }
  40.5555555556% {
    fill: hsl(146, 100%, 50%);
    border-color: hsl(146, 100%, 50%);
  }
  40.8333333333% {
    fill: hsl(147, 100%, 50%);
    border-color: hsl(147, 100%, 50%);
  }
  41.1111111111% {
    fill: hsl(148, 100%, 50%);
    border-color: hsl(148, 100%, 50%);
  }
  41.3888888889% {
    fill: hsl(149, 100%, 50%);
    border-color: hsl(149, 100%, 50%);
  }
  41.6666666667% {
    fill: hsl(150, 100%, 50%);
    border-color: hsl(150, 100%, 50%);
  }
  41.9444444444% {
    fill: hsl(151, 100%, 50%);
    border-color: hsl(151, 100%, 50%);
  }
  42.2222222222% {
    fill: hsl(152, 100%, 50%);
    border-color: hsl(152, 100%, 50%);
  }
  42.5% {
    fill: hsl(153, 100%, 50%);
    border-color: hsl(153, 100%, 50%);
  }
  42.7777777778% {
    fill: hsl(154, 100%, 50%);
    border-color: hsl(154, 100%, 50%);
  }
  43.0555555556% {
    fill: hsl(155, 100%, 50%);
    border-color: hsl(155, 100%, 50%);
  }
  43.3333333333% {
    fill: hsl(156, 100%, 50%);
    border-color: hsl(156, 100%, 50%);
  }
  43.6111111111% {
    fill: hsl(157, 100%, 50%);
    border-color: hsl(157, 100%, 50%);
  }
  43.8888888889% {
    fill: hsl(158, 100%, 50%);
    border-color: hsl(158, 100%, 50%);
  }
  44.1666666667% {
    fill: hsl(159, 100%, 50%);
    border-color: hsl(159, 100%, 50%);
  }
  44.4444444444% {
    fill: hsl(160, 100%, 50%);
    border-color: hsl(160, 100%, 50%);
  }
  44.7222222222% {
    fill: hsl(161, 100%, 50%);
    border-color: hsl(161, 100%, 50%);
  }
  45% {
    fill: hsl(162, 100%, 50%);
    border-color: hsl(162, 100%, 50%);
  }
  45.2777777778% {
    fill: hsl(163, 100%, 50%);
    border-color: hsl(163, 100%, 50%);
  }
  45.5555555556% {
    fill: hsl(164, 100%, 50%);
    border-color: hsl(164, 100%, 50%);
  }
  45.8333333333% {
    fill: hsl(165, 100%, 50%);
    border-color: hsl(165, 100%, 50%);
  }
  46.1111111111% {
    fill: hsl(166, 100%, 50%);
    border-color: hsl(166, 100%, 50%);
  }
  46.3888888889% {
    fill: hsl(167, 100%, 50%);
    border-color: hsl(167, 100%, 50%);
  }
  46.6666666667% {
    fill: hsl(168, 100%, 50%);
    border-color: hsl(168, 100%, 50%);
  }
  46.9444444444% {
    fill: hsl(169, 100%, 50%);
    border-color: hsl(169, 100%, 50%);
  }
  47.2222222222% {
    fill: hsl(170, 100%, 50%);
    border-color: hsl(170, 100%, 50%);
  }
  47.5% {
    fill: hsl(171, 100%, 50%);
    border-color: hsl(171, 100%, 50%);
  }
  47.7777777778% {
    fill: hsl(172, 100%, 50%);
    border-color: hsl(172, 100%, 50%);
  }
  48.0555555556% {
    fill: hsl(173, 100%, 50%);
    border-color: hsl(173, 100%, 50%);
  }
  48.3333333333% {
    fill: hsl(174, 100%, 50%);
    border-color: hsl(174, 100%, 50%);
  }
  48.6111111111% {
    fill: hsl(175, 100%, 50%);
    border-color: hsl(175, 100%, 50%);
  }
  48.8888888889% {
    fill: hsl(176, 100%, 50%);
    border-color: hsl(176, 100%, 50%);
  }
  49.1666666667% {
    fill: hsl(177, 100%, 50%);
    border-color: hsl(177, 100%, 50%);
  }
  49.4444444444% {
    fill: hsl(178, 100%, 50%);
    border-color: hsl(178, 100%, 50%);
  }
  49.7222222222% {
    fill: hsl(179, 100%, 50%);
    border-color: hsl(179, 100%, 50%);
  }
  50% {
    fill: hsl(180, 100%, 50%);
    border-color: hsl(180, 100%, 50%);
  }
  50.2777777778% {
    fill: hsl(181, 100%, 50%);
    border-color: hsl(181, 100%, 50%);
  }
  50.5555555556% {
    fill: hsl(182, 100%, 50%);
    border-color: hsl(182, 100%, 50%);
  }
  50.8333333333% {
    fill: hsl(183, 100%, 50%);
    border-color: hsl(183, 100%, 50%);
  }
  51.1111111111% {
    fill: hsl(184, 100%, 50%);
    border-color: hsl(184, 100%, 50%);
  }
  51.3888888889% {
    fill: hsl(185, 100%, 50%);
    border-color: hsl(185, 100%, 50%);
  }
  51.6666666667% {
    fill: hsl(186, 100%, 50%);
    border-color: hsl(186, 100%, 50%);
  }
  51.9444444444% {
    fill: hsl(187, 100%, 50%);
    border-color: hsl(187, 100%, 50%);
  }
  52.2222222222% {
    fill: hsl(188, 100%, 50%);
    border-color: hsl(188, 100%, 50%);
  }
  52.5% {
    fill: hsl(189, 100%, 50%);
    border-color: hsl(189, 100%, 50%);
  }
  52.7777777778% {
    fill: hsl(190, 100%, 50%);
    border-color: hsl(190, 100%, 50%);
  }
  53.0555555556% {
    fill: hsl(191, 100%, 50%);
    border-color: hsl(191, 100%, 50%);
  }
  53.3333333333% {
    fill: hsl(192, 100%, 50%);
    border-color: hsl(192, 100%, 50%);
  }
  53.6111111111% {
    fill: hsl(193, 100%, 50%);
    border-color: hsl(193, 100%, 50%);
  }
  53.8888888889% {
    fill: hsl(194, 100%, 50%);
    border-color: hsl(194, 100%, 50%);
  }
  54.1666666667% {
    fill: hsl(195, 100%, 50%);
    border-color: hsl(195, 100%, 50%);
  }
  54.4444444444% {
    fill: hsl(196, 100%, 50%);
    border-color: hsl(196, 100%, 50%);
  }
  54.7222222222% {
    fill: hsl(197, 100%, 50%);
    border-color: hsl(197, 100%, 50%);
  }
  55% {
    fill: hsl(198, 100%, 50%);
    border-color: hsl(198, 100%, 50%);
  }
  55.2777777778% {
    fill: hsl(199, 100%, 50%);
    border-color: hsl(199, 100%, 50%);
  }
  55.5555555556% {
    fill: hsl(200, 100%, 50%);
    border-color: hsl(200, 100%, 50%);
  }
  55.8333333333% {
    fill: hsl(201, 100%, 50%);
    border-color: hsl(201, 100%, 50%);
  }
  56.1111111111% {
    fill: hsl(202, 100%, 50%);
    border-color: hsl(202, 100%, 50%);
  }
  56.3888888889% {
    fill: hsl(203, 100%, 50%);
    border-color: hsl(203, 100%, 50%);
  }
  56.6666666667% {
    fill: hsl(204, 100%, 50%);
    border-color: hsl(204, 100%, 50%);
  }
  56.9444444444% {
    fill: hsl(205, 100%, 50%);
    border-color: hsl(205, 100%, 50%);
  }
  57.2222222222% {
    fill: hsl(206, 100%, 50%);
    border-color: hsl(206, 100%, 50%);
  }
  57.5% {
    fill: hsl(207, 100%, 50%);
    border-color: hsl(207, 100%, 50%);
  }
  57.7777777778% {
    fill: hsl(208, 100%, 50%);
    border-color: hsl(208, 100%, 50%);
  }
  58.0555555556% {
    fill: hsl(209, 100%, 50%);
    border-color: hsl(209, 100%, 50%);
  }
  58.3333333333% {
    fill: hsl(210, 100%, 50%);
    border-color: hsl(210, 100%, 50%);
  }
  58.6111111111% {
    fill: hsl(211, 100%, 50%);
    border-color: hsl(211, 100%, 50%);
  }
  58.8888888889% {
    fill: hsl(212, 100%, 50%);
    border-color: hsl(212, 100%, 50%);
  }
  59.1666666667% {
    fill: hsl(213, 100%, 50%);
    border-color: hsl(213, 100%, 50%);
  }
  59.4444444444% {
    fill: hsl(214, 100%, 50%);
    border-color: hsl(214, 100%, 50%);
  }
  59.7222222222% {
    fill: hsl(215, 100%, 50%);
    border-color: hsl(215, 100%, 50%);
  }
  60% {
    fill: hsl(216, 100%, 50%);
    border-color: hsl(216, 100%, 50%);
  }
  60.2777777778% {
    fill: hsl(217, 100%, 50%);
    border-color: hsl(217, 100%, 50%);
  }
  60.5555555556% {
    fill: hsl(218, 100%, 50%);
    border-color: hsl(218, 100%, 50%);
  }
  60.8333333333% {
    fill: hsl(219, 100%, 50%);
    border-color: hsl(219, 100%, 50%);
  }
  61.1111111111% {
    fill: hsl(220, 100%, 50%);
    border-color: hsl(220, 100%, 50%);
  }
  61.3888888889% {
    fill: hsl(221, 100%, 50%);
    border-color: hsl(221, 100%, 50%);
  }
  61.6666666667% {
    fill: hsl(222, 100%, 50%);
    border-color: hsl(222, 100%, 50%);
  }
  61.9444444444% {
    fill: hsl(223, 100%, 50%);
    border-color: hsl(223, 100%, 50%);
  }
  62.2222222222% {
    fill: hsl(224, 100%, 50%);
    border-color: hsl(224, 100%, 50%);
  }
  62.5% {
    fill: hsl(225, 100%, 50%);
    border-color: hsl(225, 100%, 50%);
  }
  62.7777777778% {
    fill: hsl(226, 100%, 50%);
    border-color: hsl(226, 100%, 50%);
  }
  63.0555555556% {
    fill: hsl(227, 100%, 50%);
    border-color: hsl(227, 100%, 50%);
  }
  63.3333333333% {
    fill: hsl(228, 100%, 50%);
    border-color: hsl(228, 100%, 50%);
  }
  63.6111111111% {
    fill: hsl(229, 100%, 50%);
    border-color: hsl(229, 100%, 50%);
  }
  63.8888888889% {
    fill: hsl(230, 100%, 50%);
    border-color: hsl(230, 100%, 50%);
  }
  64.1666666667% {
    fill: hsl(231, 100%, 50%);
    border-color: hsl(231, 100%, 50%);
  }
  64.4444444444% {
    fill: hsl(232, 100%, 50%);
    border-color: hsl(232, 100%, 50%);
  }
  64.7222222222% {
    fill: hsl(233, 100%, 50%);
    border-color: hsl(233, 100%, 50%);
  }
  65% {
    fill: hsl(234, 100%, 50%);
    border-color: hsl(234, 100%, 50%);
  }
  65.2777777778% {
    fill: hsl(235, 100%, 50%);
    border-color: hsl(235, 100%, 50%);
  }
  65.5555555556% {
    fill: hsl(236, 100%, 50%);
    border-color: hsl(236, 100%, 50%);
  }
  65.8333333333% {
    fill: hsl(237, 100%, 50%);
    border-color: hsl(237, 100%, 50%);
  }
  66.1111111111% {
    fill: hsl(238, 100%, 50%);
    border-color: hsl(238, 100%, 50%);
  }
  66.3888888889% {
    fill: hsl(239, 100%, 50%);
    border-color: hsl(239, 100%, 50%);
  }
  66.6666666667% {
    fill: hsl(240, 100%, 50%);
    border-color: hsl(240, 100%, 50%);
  }
  66.9444444444% {
    fill: hsl(241, 100%, 50%);
    border-color: hsl(241, 100%, 50%);
  }
  67.2222222222% {
    fill: hsl(242, 100%, 50%);
    border-color: hsl(242, 100%, 50%);
  }
  67.5% {
    fill: hsl(243, 100%, 50%);
    border-color: hsl(243, 100%, 50%);
  }
  67.7777777778% {
    fill: hsl(244, 100%, 50%);
    border-color: hsl(244, 100%, 50%);
  }
  68.0555555556% {
    fill: hsl(245, 100%, 50%);
    border-color: hsl(245, 100%, 50%);
  }
  68.3333333333% {
    fill: hsl(246, 100%, 50%);
    border-color: hsl(246, 100%, 50%);
  }
  68.6111111111% {
    fill: hsl(247, 100%, 50%);
    border-color: hsl(247, 100%, 50%);
  }
  68.8888888889% {
    fill: hsl(248, 100%, 50%);
    border-color: hsl(248, 100%, 50%);
  }
  69.1666666667% {
    fill: hsl(249, 100%, 50%);
    border-color: hsl(249, 100%, 50%);
  }
  69.4444444444% {
    fill: hsl(250, 100%, 50%);
    border-color: hsl(250, 100%, 50%);
  }
  69.7222222222% {
    fill: hsl(251, 100%, 50%);
    border-color: hsl(251, 100%, 50%);
  }
  70% {
    fill: hsl(252, 100%, 50%);
    border-color: hsl(252, 100%, 50%);
  }
  70.2777777778% {
    fill: hsl(253, 100%, 50%);
    border-color: hsl(253, 100%, 50%);
  }
  70.5555555556% {
    fill: hsl(254, 100%, 50%);
    border-color: hsl(254, 100%, 50%);
  }
  70.8333333333% {
    fill: hsl(255, 100%, 50%);
    border-color: hsl(255, 100%, 50%);
  }
  71.1111111111% {
    fill: hsl(256, 100%, 50%);
    border-color: hsl(256, 100%, 50%);
  }
  71.3888888889% {
    fill: hsl(257, 100%, 50%);
    border-color: hsl(257, 100%, 50%);
  }
  71.6666666667% {
    fill: hsl(258, 100%, 50%);
    border-color: hsl(258, 100%, 50%);
  }
  71.9444444444% {
    fill: hsl(259, 100%, 50%);
    border-color: hsl(259, 100%, 50%);
  }
  72.2222222222% {
    fill: hsl(260, 100%, 50%);
    border-color: hsl(260, 100%, 50%);
  }
  72.5% {
    fill: hsl(261, 100%, 50%);
    border-color: hsl(261, 100%, 50%);
  }
  72.7777777778% {
    fill: hsl(262, 100%, 50%);
    border-color: hsl(262, 100%, 50%);
  }
  73.0555555556% {
    fill: hsl(263, 100%, 50%);
    border-color: hsl(263, 100%, 50%);
  }
  73.3333333333% {
    fill: hsl(264, 100%, 50%);
    border-color: hsl(264, 100%, 50%);
  }
  73.6111111111% {
    fill: hsl(265, 100%, 50%);
    border-color: hsl(265, 100%, 50%);
  }
  73.8888888889% {
    fill: hsl(266, 100%, 50%);
    border-color: hsl(266, 100%, 50%);
  }
  74.1666666667% {
    fill: hsl(267, 100%, 50%);
    border-color: hsl(267, 100%, 50%);
  }
  74.4444444444% {
    fill: hsl(268, 100%, 50%);
    border-color: hsl(268, 100%, 50%);
  }
  74.7222222222% {
    fill: hsl(269, 100%, 50%);
    border-color: hsl(269, 100%, 50%);
  }
  75% {
    fill: hsl(270, 100%, 50%);
    border-color: hsl(270, 100%, 50%);
  }
  75.2777777778% {
    fill: hsl(271, 100%, 50%);
    border-color: hsl(271, 100%, 50%);
  }
  75.5555555556% {
    fill: hsl(272, 100%, 50%);
    border-color: hsl(272, 100%, 50%);
  }
  75.8333333333% {
    fill: hsl(273, 100%, 50%);
    border-color: hsl(273, 100%, 50%);
  }
  76.1111111111% {
    fill: hsl(274, 100%, 50%);
    border-color: hsl(274, 100%, 50%);
  }
  76.3888888889% {
    fill: hsl(275, 100%, 50%);
    border-color: hsl(275, 100%, 50%);
  }
  76.6666666667% {
    fill: hsl(276, 100%, 50%);
    border-color: hsl(276, 100%, 50%);
  }
  76.9444444444% {
    fill: hsl(277, 100%, 50%);
    border-color: hsl(277, 100%, 50%);
  }
  77.2222222222% {
    fill: hsl(278, 100%, 50%);
    border-color: hsl(278, 100%, 50%);
  }
  77.5% {
    fill: hsl(279, 100%, 50%);
    border-color: hsl(279, 100%, 50%);
  }
  77.7777777778% {
    fill: hsl(280, 100%, 50%);
    border-color: hsl(280, 100%, 50%);
  }
  78.0555555556% {
    fill: hsl(281, 100%, 50%);
    border-color: hsl(281, 100%, 50%);
  }
  78.3333333333% {
    fill: hsl(282, 100%, 50%);
    border-color: hsl(282, 100%, 50%);
  }
  78.6111111111% {
    fill: hsl(283, 100%, 50%);
    border-color: hsl(283, 100%, 50%);
  }
  78.8888888889% {
    fill: hsl(284, 100%, 50%);
    border-color: hsl(284, 100%, 50%);
  }
  79.1666666667% {
    fill: hsl(285, 100%, 50%);
    border-color: hsl(285, 100%, 50%);
  }
  79.4444444444% {
    fill: hsl(286, 100%, 50%);
    border-color: hsl(286, 100%, 50%);
  }
  79.7222222222% {
    fill: hsl(287, 100%, 50%);
    border-color: hsl(287, 100%, 50%);
  }
  80% {
    fill: hsl(288, 100%, 50%);
    border-color: hsl(288, 100%, 50%);
  }
  80.2777777778% {
    fill: hsl(289, 100%, 50%);
    border-color: hsl(289, 100%, 50%);
  }
  80.5555555556% {
    fill: hsl(290, 100%, 50%);
    border-color: hsl(290, 100%, 50%);
  }
  80.8333333333% {
    fill: hsl(291, 100%, 50%);
    border-color: hsl(291, 100%, 50%);
  }
  81.1111111111% {
    fill: hsl(292, 100%, 50%);
    border-color: hsl(292, 100%, 50%);
  }
  81.3888888889% {
    fill: hsl(293, 100%, 50%);
    border-color: hsl(293, 100%, 50%);
  }
  81.6666666667% {
    fill: hsl(294, 100%, 50%);
    border-color: hsl(294, 100%, 50%);
  }
  81.9444444444% {
    fill: hsl(295, 100%, 50%);
    border-color: hsl(295, 100%, 50%);
  }
  82.2222222222% {
    fill: hsl(296, 100%, 50%);
    border-color: hsl(296, 100%, 50%);
  }
  82.5% {
    fill: hsl(297, 100%, 50%);
    border-color: hsl(297, 100%, 50%);
  }
  82.7777777778% {
    fill: hsl(298, 100%, 50%);
    border-color: hsl(298, 100%, 50%);
  }
  83.0555555556% {
    fill: hsl(299, 100%, 50%);
    border-color: hsl(299, 100%, 50%);
  }
  83.3333333333% {
    fill: hsl(300, 100%, 50%);
    border-color: hsl(300, 100%, 50%);
  }
  83.6111111111% {
    fill: hsl(301, 100%, 50%);
    border-color: hsl(301, 100%, 50%);
  }
  83.8888888889% {
    fill: hsl(302, 100%, 50%);
    border-color: hsl(302, 100%, 50%);
  }
  84.1666666667% {
    fill: hsl(303, 100%, 50%);
    border-color: hsl(303, 100%, 50%);
  }
  84.4444444444% {
    fill: hsl(304, 100%, 50%);
    border-color: hsl(304, 100%, 50%);
  }
  84.7222222222% {
    fill: hsl(305, 100%, 50%);
    border-color: hsl(305, 100%, 50%);
  }
  85% {
    fill: hsl(306, 100%, 50%);
    border-color: hsl(306, 100%, 50%);
  }
  85.2777777778% {
    fill: hsl(307, 100%, 50%);
    border-color: hsl(307, 100%, 50%);
  }
  85.5555555556% {
    fill: hsl(308, 100%, 50%);
    border-color: hsl(308, 100%, 50%);
  }
  85.8333333333% {
    fill: hsl(309, 100%, 50%);
    border-color: hsl(309, 100%, 50%);
  }
  86.1111111111% {
    fill: hsl(310, 100%, 50%);
    border-color: hsl(310, 100%, 50%);
  }
  86.3888888889% {
    fill: hsl(311, 100%, 50%);
    border-color: hsl(311, 100%, 50%);
  }
  86.6666666667% {
    fill: hsl(312, 100%, 50%);
    border-color: hsl(312, 100%, 50%);
  }
  86.9444444444% {
    fill: hsl(313, 100%, 50%);
    border-color: hsl(313, 100%, 50%);
  }
  87.2222222222% {
    fill: hsl(314, 100%, 50%);
    border-color: hsl(314, 100%, 50%);
  }
  87.5% {
    fill: hsl(315, 100%, 50%);
    border-color: hsl(315, 100%, 50%);
  }
  87.7777777778% {
    fill: hsl(316, 100%, 50%);
    border-color: hsl(316, 100%, 50%);
  }
  88.0555555556% {
    fill: hsl(317, 100%, 50%);
    border-color: hsl(317, 100%, 50%);
  }
  88.3333333333% {
    fill: hsl(318, 100%, 50%);
    border-color: hsl(318, 100%, 50%);
  }
  88.6111111111% {
    fill: hsl(319, 100%, 50%);
    border-color: hsl(319, 100%, 50%);
  }
  88.8888888889% {
    fill: hsl(320, 100%, 50%);
    border-color: hsl(320, 100%, 50%);
  }
  89.1666666667% {
    fill: hsl(321, 100%, 50%);
    border-color: hsl(321, 100%, 50%);
  }
  89.4444444444% {
    fill: hsl(322, 100%, 50%);
    border-color: hsl(322, 100%, 50%);
  }
  89.7222222222% {
    fill: hsl(323, 100%, 50%);
    border-color: hsl(323, 100%, 50%);
  }
  90% {
    fill: hsl(324, 100%, 50%);
    border-color: hsl(324, 100%, 50%);
  }
  90.2777777778% {
    fill: hsl(325, 100%, 50%);
    border-color: hsl(325, 100%, 50%);
  }
  90.5555555556% {
    fill: hsl(326, 100%, 50%);
    border-color: hsl(326, 100%, 50%);
  }
  90.8333333333% {
    fill: hsl(327, 100%, 50%);
    border-color: hsl(327, 100%, 50%);
  }
  91.1111111111% {
    fill: hsl(328, 100%, 50%);
    border-color: hsl(328, 100%, 50%);
  }
  91.3888888889% {
    fill: hsl(329, 100%, 50%);
    border-color: hsl(329, 100%, 50%);
  }
  91.6666666667% {
    fill: hsl(330, 100%, 50%);
    border-color: hsl(330, 100%, 50%);
  }
  91.9444444444% {
    fill: hsl(331, 100%, 50%);
    border-color: hsl(331, 100%, 50%);
  }
  92.2222222222% {
    fill: hsl(332, 100%, 50%);
    border-color: hsl(332, 100%, 50%);
  }
  92.5% {
    fill: hsl(333, 100%, 50%);
    border-color: hsl(333, 100%, 50%);
  }
  92.7777777778% {
    fill: hsl(334, 100%, 50%);
    border-color: hsl(334, 100%, 50%);
  }
  93.0555555556% {
    fill: hsl(335, 100%, 50%);
    border-color: hsl(335, 100%, 50%);
  }
  93.3333333333% {
    fill: hsl(336, 100%, 50%);
    border-color: hsl(336, 100%, 50%);
  }
  93.6111111111% {
    fill: hsl(337, 100%, 50%);
    border-color: hsl(337, 100%, 50%);
  }
  93.8888888889% {
    fill: hsl(338, 100%, 50%);
    border-color: hsl(338, 100%, 50%);
  }
  94.1666666667% {
    fill: hsl(339, 100%, 50%);
    border-color: hsl(339, 100%, 50%);
  }
  94.4444444444% {
    fill: hsl(340, 100%, 50%);
    border-color: hsl(340, 100%, 50%);
  }
  94.7222222222% {
    fill: hsl(341, 100%, 50%);
    border-color: hsl(341, 100%, 50%);
  }
  95% {
    fill: hsl(342, 100%, 50%);
    border-color: hsl(342, 100%, 50%);
  }
  95.2777777778% {
    fill: hsl(343, 100%, 50%);
    border-color: hsl(343, 100%, 50%);
  }
  95.5555555556% {
    fill: hsl(344, 100%, 50%);
    border-color: hsl(344, 100%, 50%);
  }
  95.8333333333% {
    fill: hsl(345, 100%, 50%);
    border-color: hsl(345, 100%, 50%);
  }
  96.1111111111% {
    fill: hsl(346, 100%, 50%);
    border-color: hsl(346, 100%, 50%);
  }
  96.3888888889% {
    fill: hsl(347, 100%, 50%);
    border-color: hsl(347, 100%, 50%);
  }
  96.6666666667% {
    fill: hsl(348, 100%, 50%);
    border-color: hsl(348, 100%, 50%);
  }
  96.9444444444% {
    fill: hsl(349, 100%, 50%);
    border-color: hsl(349, 100%, 50%);
  }
  97.2222222222% {
    fill: hsl(350, 100%, 50%);
    border-color: hsl(350, 100%, 50%);
  }
  97.5% {
    fill: hsl(351, 100%, 50%);
    border-color: hsl(351, 100%, 50%);
  }
  97.7777777778% {
    fill: hsl(352, 100%, 50%);
    border-color: hsl(352, 100%, 50%);
  }
  98.0555555556% {
    fill: hsl(353, 100%, 50%);
    border-color: hsl(353, 100%, 50%);
  }
  98.3333333333% {
    fill: hsl(354, 100%, 50%);
    border-color: hsl(354, 100%, 50%);
  }
  98.6111111111% {
    fill: hsl(355, 100%, 50%);
    border-color: hsl(355, 100%, 50%);
  }
  98.8888888889% {
    fill: hsl(356, 100%, 50%);
    border-color: hsl(356, 100%, 50%);
  }
  99.1666666667% {
    fill: hsl(357, 100%, 50%);
    border-color: hsl(357, 100%, 50%);
  }
  99.4444444444% {
    fill: hsl(358, 100%, 50%);
    border-color: hsl(358, 100%, 50%);
  }
  99.7222222222% {
    fill: hsl(359, 100%, 50%);
    border-color: hsl(359, 100%, 50%);
  }
  100% {
    fill: hsl(0, 100%, 50%);
    border-color: hsl(0, 100%, 50%);
  }
}
@keyframes rainbow-bg {
  0% {
    background-color: hsla(0, 100%, 20%, 0.66);
  }
  0.2777777778% {
    background-color: hsla(1, 100%, 20%, 0.66);
  }
  0.5555555556% {
    background-color: hsla(2, 100%, 20%, 0.66);
  }
  0.8333333333% {
    background-color: hsla(3, 100%, 20%, 0.66);
  }
  1.1111111111% {
    background-color: hsla(4, 100%, 20%, 0.66);
  }
  1.3888888889% {
    background-color: hsla(5, 100%, 20%, 0.66);
  }
  1.6666666667% {
    background-color: hsla(6, 100%, 20%, 0.66);
  }
  1.9444444444% {
    background-color: hsla(7, 100%, 20%, 0.66);
  }
  2.2222222222% {
    background-color: hsla(8, 100%, 20%, 0.66);
  }
  2.5% {
    background-color: hsla(9, 100%, 20%, 0.66);
  }
  2.7777777778% {
    background-color: hsla(10, 100%, 20%, 0.66);
  }
  3.0555555556% {
    background-color: hsla(11, 100%, 20%, 0.66);
  }
  3.3333333333% {
    background-color: hsla(12, 100%, 20%, 0.66);
  }
  3.6111111111% {
    background-color: hsla(13, 100%, 20%, 0.66);
  }
  3.8888888889% {
    background-color: hsla(14, 100%, 20%, 0.66);
  }
  4.1666666667% {
    background-color: hsla(15, 100%, 20%, 0.66);
  }
  4.4444444444% {
    background-color: hsla(16, 100%, 20%, 0.66);
  }
  4.7222222222% {
    background-color: hsla(17, 100%, 20%, 0.66);
  }
  5% {
    background-color: hsla(18, 100%, 20%, 0.66);
  }
  5.2777777778% {
    background-color: hsla(19, 100%, 20%, 0.66);
  }
  5.5555555556% {
    background-color: hsla(20, 100%, 20%, 0.66);
  }
  5.8333333333% {
    background-color: hsla(21, 100%, 20%, 0.66);
  }
  6.1111111111% {
    background-color: hsla(22, 100%, 20%, 0.66);
  }
  6.3888888889% {
    background-color: hsla(23, 100%, 20%, 0.66);
  }
  6.6666666667% {
    background-color: hsla(24, 100%, 20%, 0.66);
  }
  6.9444444444% {
    background-color: hsla(25, 100%, 20%, 0.66);
  }
  7.2222222222% {
    background-color: hsla(26, 100%, 20%, 0.66);
  }
  7.5% {
    background-color: hsla(27, 100%, 20%, 0.66);
  }
  7.7777777778% {
    background-color: hsla(28, 100%, 20%, 0.66);
  }
  8.0555555556% {
    background-color: hsla(29, 100%, 20%, 0.66);
  }
  8.3333333333% {
    background-color: hsla(30, 100%, 20%, 0.66);
  }
  8.6111111111% {
    background-color: hsla(31, 100%, 20%, 0.66);
  }
  8.8888888889% {
    background-color: hsla(32, 100%, 20%, 0.66);
  }
  9.1666666667% {
    background-color: hsla(33, 100%, 20%, 0.66);
  }
  9.4444444444% {
    background-color: hsla(34, 100%, 20%, 0.66);
  }
  9.7222222222% {
    background-color: hsla(35, 100%, 20%, 0.66);
  }
  10% {
    background-color: hsla(36, 100%, 20%, 0.66);
  }
  10.2777777778% {
    background-color: hsla(37, 100%, 20%, 0.66);
  }
  10.5555555556% {
    background-color: hsla(38, 100%, 20%, 0.66);
  }
  10.8333333333% {
    background-color: hsla(39, 100%, 20%, 0.66);
  }
  11.1111111111% {
    background-color: hsla(40, 100%, 20%, 0.66);
  }
  11.3888888889% {
    background-color: hsla(41, 100%, 20%, 0.66);
  }
  11.6666666667% {
    background-color: hsla(42, 100%, 20%, 0.66);
  }
  11.9444444444% {
    background-color: hsla(43, 100%, 20%, 0.66);
  }
  12.2222222222% {
    background-color: hsla(44, 100%, 20%, 0.66);
  }
  12.5% {
    background-color: hsla(45, 100%, 20%, 0.66);
  }
  12.7777777778% {
    background-color: hsla(46, 100%, 20%, 0.66);
  }
  13.0555555556% {
    background-color: hsla(47, 100%, 20%, 0.66);
  }
  13.3333333333% {
    background-color: hsla(48, 100%, 20%, 0.66);
  }
  13.6111111111% {
    background-color: hsla(49, 100%, 20%, 0.66);
  }
  13.8888888889% {
    background-color: hsla(50, 100%, 20%, 0.66);
  }
  14.1666666667% {
    background-color: hsla(51, 100%, 20%, 0.66);
  }
  14.4444444444% {
    background-color: hsla(52, 100%, 20%, 0.66);
  }
  14.7222222222% {
    background-color: hsla(53, 100%, 20%, 0.66);
  }
  15% {
    background-color: hsla(54, 100%, 20%, 0.66);
  }
  15.2777777778% {
    background-color: hsla(55, 100%, 20%, 0.66);
  }
  15.5555555556% {
    background-color: hsla(56, 100%, 20%, 0.66);
  }
  15.8333333333% {
    background-color: hsla(57, 100%, 20%, 0.66);
  }
  16.1111111111% {
    background-color: hsla(58, 100%, 20%, 0.66);
  }
  16.3888888889% {
    background-color: hsla(59, 100%, 20%, 0.66);
  }
  16.6666666667% {
    background-color: hsla(60, 100%, 20%, 0.66);
  }
  16.9444444444% {
    background-color: hsla(61, 100%, 20%, 0.66);
  }
  17.2222222222% {
    background-color: hsla(62, 100%, 20%, 0.66);
  }
  17.5% {
    background-color: hsla(63, 100%, 20%, 0.66);
  }
  17.7777777778% {
    background-color: hsla(64, 100%, 20%, 0.66);
  }
  18.0555555556% {
    background-color: hsla(65, 100%, 20%, 0.66);
  }
  18.3333333333% {
    background-color: hsla(66, 100%, 20%, 0.66);
  }
  18.6111111111% {
    background-color: hsla(67, 100%, 20%, 0.66);
  }
  18.8888888889% {
    background-color: hsla(68, 100%, 20%, 0.66);
  }
  19.1666666667% {
    background-color: hsla(69, 100%, 20%, 0.66);
  }
  19.4444444444% {
    background-color: hsla(70, 100%, 20%, 0.66);
  }
  19.7222222222% {
    background-color: hsla(71, 100%, 20%, 0.66);
  }
  20% {
    background-color: hsla(72, 100%, 20%, 0.66);
  }
  20.2777777778% {
    background-color: hsla(73, 100%, 20%, 0.66);
  }
  20.5555555556% {
    background-color: hsla(74, 100%, 20%, 0.66);
  }
  20.8333333333% {
    background-color: hsla(75, 100%, 20%, 0.66);
  }
  21.1111111111% {
    background-color: hsla(76, 100%, 20%, 0.66);
  }
  21.3888888889% {
    background-color: hsla(77, 100%, 20%, 0.66);
  }
  21.6666666667% {
    background-color: hsla(78, 100%, 20%, 0.66);
  }
  21.9444444444% {
    background-color: hsla(79, 100%, 20%, 0.66);
  }
  22.2222222222% {
    background-color: hsla(80, 100%, 20%, 0.66);
  }
  22.5% {
    background-color: hsla(81, 100%, 20%, 0.66);
  }
  22.7777777778% {
    background-color: hsla(82, 100%, 20%, 0.66);
  }
  23.0555555556% {
    background-color: hsla(83, 100%, 20%, 0.66);
  }
  23.3333333333% {
    background-color: hsla(84, 100%, 20%, 0.66);
  }
  23.6111111111% {
    background-color: hsla(85, 100%, 20%, 0.66);
  }
  23.8888888889% {
    background-color: hsla(86, 100%, 20%, 0.66);
  }
  24.1666666667% {
    background-color: hsla(87, 100%, 20%, 0.66);
  }
  24.4444444444% {
    background-color: hsla(88, 100%, 20%, 0.66);
  }
  24.7222222222% {
    background-color: hsla(89, 100%, 20%, 0.66);
  }
  25% {
    background-color: hsla(90, 100%, 20%, 0.66);
  }
  25.2777777778% {
    background-color: hsla(91, 100%, 20%, 0.66);
  }
  25.5555555556% {
    background-color: hsla(92, 100%, 20%, 0.66);
  }
  25.8333333333% {
    background-color: hsla(93, 100%, 20%, 0.66);
  }
  26.1111111111% {
    background-color: hsla(94, 100%, 20%, 0.66);
  }
  26.3888888889% {
    background-color: hsla(95, 100%, 20%, 0.66);
  }
  26.6666666667% {
    background-color: hsla(96, 100%, 20%, 0.66);
  }
  26.9444444444% {
    background-color: hsla(97, 100%, 20%, 0.66);
  }
  27.2222222222% {
    background-color: hsla(98, 100%, 20%, 0.66);
  }
  27.5% {
    background-color: hsla(99, 100%, 20%, 0.66);
  }
  27.7777777778% {
    background-color: hsla(100, 100%, 20%, 0.66);
  }
  28.0555555556% {
    background-color: hsla(101, 100%, 20%, 0.66);
  }
  28.3333333333% {
    background-color: hsla(102, 100%, 20%, 0.66);
  }
  28.6111111111% {
    background-color: hsla(103, 100%, 20%, 0.66);
  }
  28.8888888889% {
    background-color: hsla(104, 100%, 20%, 0.66);
  }
  29.1666666667% {
    background-color: hsla(105, 100%, 20%, 0.66);
  }
  29.4444444444% {
    background-color: hsla(106, 100%, 20%, 0.66);
  }
  29.7222222222% {
    background-color: hsla(107, 100%, 20%, 0.66);
  }
  30% {
    background-color: hsla(108, 100%, 20%, 0.66);
  }
  30.2777777778% {
    background-color: hsla(109, 100%, 20%, 0.66);
  }
  30.5555555556% {
    background-color: hsla(110, 100%, 20%, 0.66);
  }
  30.8333333333% {
    background-color: hsla(111, 100%, 20%, 0.66);
  }
  31.1111111111% {
    background-color: hsla(112, 100%, 20%, 0.66);
  }
  31.3888888889% {
    background-color: hsla(113, 100%, 20%, 0.66);
  }
  31.6666666667% {
    background-color: hsla(114, 100%, 20%, 0.66);
  }
  31.9444444444% {
    background-color: hsla(115, 100%, 20%, 0.66);
  }
  32.2222222222% {
    background-color: hsla(116, 100%, 20%, 0.66);
  }
  32.5% {
    background-color: hsla(117, 100%, 20%, 0.66);
  }
  32.7777777778% {
    background-color: hsla(118, 100%, 20%, 0.66);
  }
  33.0555555556% {
    background-color: hsla(119, 100%, 20%, 0.66);
  }
  33.3333333333% {
    background-color: hsla(120, 100%, 20%, 0.66);
  }
  33.6111111111% {
    background-color: hsla(121, 100%, 20%, 0.66);
  }
  33.8888888889% {
    background-color: hsla(122, 100%, 20%, 0.66);
  }
  34.1666666667% {
    background-color: hsla(123, 100%, 20%, 0.66);
  }
  34.4444444444% {
    background-color: hsla(124, 100%, 20%, 0.66);
  }
  34.7222222222% {
    background-color: hsla(125, 100%, 20%, 0.66);
  }
  35% {
    background-color: hsla(126, 100%, 20%, 0.66);
  }
  35.2777777778% {
    background-color: hsla(127, 100%, 20%, 0.66);
  }
  35.5555555556% {
    background-color: hsla(128, 100%, 20%, 0.66);
  }
  35.8333333333% {
    background-color: hsla(129, 100%, 20%, 0.66);
  }
  36.1111111111% {
    background-color: hsla(130, 100%, 20%, 0.66);
  }
  36.3888888889% {
    background-color: hsla(131, 100%, 20%, 0.66);
  }
  36.6666666667% {
    background-color: hsla(132, 100%, 20%, 0.66);
  }
  36.9444444444% {
    background-color: hsla(133, 100%, 20%, 0.66);
  }
  37.2222222222% {
    background-color: hsla(134, 100%, 20%, 0.66);
  }
  37.5% {
    background-color: hsla(135, 100%, 20%, 0.66);
  }
  37.7777777778% {
    background-color: hsla(136, 100%, 20%, 0.66);
  }
  38.0555555556% {
    background-color: hsla(137, 100%, 20%, 0.66);
  }
  38.3333333333% {
    background-color: hsla(138, 100%, 20%, 0.66);
  }
  38.6111111111% {
    background-color: hsla(139, 100%, 20%, 0.66);
  }
  38.8888888889% {
    background-color: hsla(140, 100%, 20%, 0.66);
  }
  39.1666666667% {
    background-color: hsla(141, 100%, 20%, 0.66);
  }
  39.4444444444% {
    background-color: hsla(142, 100%, 20%, 0.66);
  }
  39.7222222222% {
    background-color: hsla(143, 100%, 20%, 0.66);
  }
  40% {
    background-color: hsla(144, 100%, 20%, 0.66);
  }
  40.2777777778% {
    background-color: hsla(145, 100%, 20%, 0.66);
  }
  40.5555555556% {
    background-color: hsla(146, 100%, 20%, 0.66);
  }
  40.8333333333% {
    background-color: hsla(147, 100%, 20%, 0.66);
  }
  41.1111111111% {
    background-color: hsla(148, 100%, 20%, 0.66);
  }
  41.3888888889% {
    background-color: hsla(149, 100%, 20%, 0.66);
  }
  41.6666666667% {
    background-color: hsla(150, 100%, 20%, 0.66);
  }
  41.9444444444% {
    background-color: hsla(151, 100%, 20%, 0.66);
  }
  42.2222222222% {
    background-color: hsla(152, 100%, 20%, 0.66);
  }
  42.5% {
    background-color: hsla(153, 100%, 20%, 0.66);
  }
  42.7777777778% {
    background-color: hsla(154, 100%, 20%, 0.66);
  }
  43.0555555556% {
    background-color: hsla(155, 100%, 20%, 0.66);
  }
  43.3333333333% {
    background-color: hsla(156, 100%, 20%, 0.66);
  }
  43.6111111111% {
    background-color: hsla(157, 100%, 20%, 0.66);
  }
  43.8888888889% {
    background-color: hsla(158, 100%, 20%, 0.66);
  }
  44.1666666667% {
    background-color: hsla(159, 100%, 20%, 0.66);
  }
  44.4444444444% {
    background-color: hsla(160, 100%, 20%, 0.66);
  }
  44.7222222222% {
    background-color: hsla(161, 100%, 20%, 0.66);
  }
  45% {
    background-color: hsla(162, 100%, 20%, 0.66);
  }
  45.2777777778% {
    background-color: hsla(163, 100%, 20%, 0.66);
  }
  45.5555555556% {
    background-color: hsla(164, 100%, 20%, 0.66);
  }
  45.8333333333% {
    background-color: hsla(165, 100%, 20%, 0.66);
  }
  46.1111111111% {
    background-color: hsla(166, 100%, 20%, 0.66);
  }
  46.3888888889% {
    background-color: hsla(167, 100%, 20%, 0.66);
  }
  46.6666666667% {
    background-color: hsla(168, 100%, 20%, 0.66);
  }
  46.9444444444% {
    background-color: hsla(169, 100%, 20%, 0.66);
  }
  47.2222222222% {
    background-color: hsla(170, 100%, 20%, 0.66);
  }
  47.5% {
    background-color: hsla(171, 100%, 20%, 0.66);
  }
  47.7777777778% {
    background-color: hsla(172, 100%, 20%, 0.66);
  }
  48.0555555556% {
    background-color: hsla(173, 100%, 20%, 0.66);
  }
  48.3333333333% {
    background-color: hsla(174, 100%, 20%, 0.66);
  }
  48.6111111111% {
    background-color: hsla(175, 100%, 20%, 0.66);
  }
  48.8888888889% {
    background-color: hsla(176, 100%, 20%, 0.66);
  }
  49.1666666667% {
    background-color: hsla(177, 100%, 20%, 0.66);
  }
  49.4444444444% {
    background-color: hsla(178, 100%, 20%, 0.66);
  }
  49.7222222222% {
    background-color: hsla(179, 100%, 20%, 0.66);
  }
  50% {
    background-color: hsla(180, 100%, 20%, 0.66);
  }
  50.2777777778% {
    background-color: hsla(181, 100%, 20%, 0.66);
  }
  50.5555555556% {
    background-color: hsla(182, 100%, 20%, 0.66);
  }
  50.8333333333% {
    background-color: hsla(183, 100%, 20%, 0.66);
  }
  51.1111111111% {
    background-color: hsla(184, 100%, 20%, 0.66);
  }
  51.3888888889% {
    background-color: hsla(185, 100%, 20%, 0.66);
  }
  51.6666666667% {
    background-color: hsla(186, 100%, 20%, 0.66);
  }
  51.9444444444% {
    background-color: hsla(187, 100%, 20%, 0.66);
  }
  52.2222222222% {
    background-color: hsla(188, 100%, 20%, 0.66);
  }
  52.5% {
    background-color: hsla(189, 100%, 20%, 0.66);
  }
  52.7777777778% {
    background-color: hsla(190, 100%, 20%, 0.66);
  }
  53.0555555556% {
    background-color: hsla(191, 100%, 20%, 0.66);
  }
  53.3333333333% {
    background-color: hsla(192, 100%, 20%, 0.66);
  }
  53.6111111111% {
    background-color: hsla(193, 100%, 20%, 0.66);
  }
  53.8888888889% {
    background-color: hsla(194, 100%, 20%, 0.66);
  }
  54.1666666667% {
    background-color: hsla(195, 100%, 20%, 0.66);
  }
  54.4444444444% {
    background-color: hsla(196, 100%, 20%, 0.66);
  }
  54.7222222222% {
    background-color: hsla(197, 100%, 20%, 0.66);
  }
  55% {
    background-color: hsla(198, 100%, 20%, 0.66);
  }
  55.2777777778% {
    background-color: hsla(199, 100%, 20%, 0.66);
  }
  55.5555555556% {
    background-color: hsla(200, 100%, 20%, 0.66);
  }
  55.8333333333% {
    background-color: hsla(201, 100%, 20%, 0.66);
  }
  56.1111111111% {
    background-color: hsla(202, 100%, 20%, 0.66);
  }
  56.3888888889% {
    background-color: hsla(203, 100%, 20%, 0.66);
  }
  56.6666666667% {
    background-color: hsla(204, 100%, 20%, 0.66);
  }
  56.9444444444% {
    background-color: hsla(205, 100%, 20%, 0.66);
  }
  57.2222222222% {
    background-color: hsla(206, 100%, 20%, 0.66);
  }
  57.5% {
    background-color: hsla(207, 100%, 20%, 0.66);
  }
  57.7777777778% {
    background-color: hsla(208, 100%, 20%, 0.66);
  }
  58.0555555556% {
    background-color: hsla(209, 100%, 20%, 0.66);
  }
  58.3333333333% {
    background-color: hsla(210, 100%, 20%, 0.66);
  }
  58.6111111111% {
    background-color: hsla(211, 100%, 20%, 0.66);
  }
  58.8888888889% {
    background-color: hsla(212, 100%, 20%, 0.66);
  }
  59.1666666667% {
    background-color: hsla(213, 100%, 20%, 0.66);
  }
  59.4444444444% {
    background-color: hsla(214, 100%, 20%, 0.66);
  }
  59.7222222222% {
    background-color: hsla(215, 100%, 20%, 0.66);
  }
  60% {
    background-color: hsla(216, 100%, 20%, 0.66);
  }
  60.2777777778% {
    background-color: hsla(217, 100%, 20%, 0.66);
  }
  60.5555555556% {
    background-color: hsla(218, 100%, 20%, 0.66);
  }
  60.8333333333% {
    background-color: hsla(219, 100%, 20%, 0.66);
  }
  61.1111111111% {
    background-color: hsla(220, 100%, 20%, 0.66);
  }
  61.3888888889% {
    background-color: hsla(221, 100%, 20%, 0.66);
  }
  61.6666666667% {
    background-color: hsla(222, 100%, 20%, 0.66);
  }
  61.9444444444% {
    background-color: hsla(223, 100%, 20%, 0.66);
  }
  62.2222222222% {
    background-color: hsla(224, 100%, 20%, 0.66);
  }
  62.5% {
    background-color: hsla(225, 100%, 20%, 0.66);
  }
  62.7777777778% {
    background-color: hsla(226, 100%, 20%, 0.66);
  }
  63.0555555556% {
    background-color: hsla(227, 100%, 20%, 0.66);
  }
  63.3333333333% {
    background-color: hsla(228, 100%, 20%, 0.66);
  }
  63.6111111111% {
    background-color: hsla(229, 100%, 20%, 0.66);
  }
  63.8888888889% {
    background-color: hsla(230, 100%, 20%, 0.66);
  }
  64.1666666667% {
    background-color: hsla(231, 100%, 20%, 0.66);
  }
  64.4444444444% {
    background-color: hsla(232, 100%, 20%, 0.66);
  }
  64.7222222222% {
    background-color: hsla(233, 100%, 20%, 0.66);
  }
  65% {
    background-color: hsla(234, 100%, 20%, 0.66);
  }
  65.2777777778% {
    background-color: hsla(235, 100%, 20%, 0.66);
  }
  65.5555555556% {
    background-color: hsla(236, 100%, 20%, 0.66);
  }
  65.8333333333% {
    background-color: hsla(237, 100%, 20%, 0.66);
  }
  66.1111111111% {
    background-color: hsla(238, 100%, 20%, 0.66);
  }
  66.3888888889% {
    background-color: hsla(239, 100%, 20%, 0.66);
  }
  66.6666666667% {
    background-color: hsla(240, 100%, 20%, 0.66);
  }
  66.9444444444% {
    background-color: hsla(241, 100%, 20%, 0.66);
  }
  67.2222222222% {
    background-color: hsla(242, 100%, 20%, 0.66);
  }
  67.5% {
    background-color: hsla(243, 100%, 20%, 0.66);
  }
  67.7777777778% {
    background-color: hsla(244, 100%, 20%, 0.66);
  }
  68.0555555556% {
    background-color: hsla(245, 100%, 20%, 0.66);
  }
  68.3333333333% {
    background-color: hsla(246, 100%, 20%, 0.66);
  }
  68.6111111111% {
    background-color: hsla(247, 100%, 20%, 0.66);
  }
  68.8888888889% {
    background-color: hsla(248, 100%, 20%, 0.66);
  }
  69.1666666667% {
    background-color: hsla(249, 100%, 20%, 0.66);
  }
  69.4444444444% {
    background-color: hsla(250, 100%, 20%, 0.66);
  }
  69.7222222222% {
    background-color: hsla(251, 100%, 20%, 0.66);
  }
  70% {
    background-color: hsla(252, 100%, 20%, 0.66);
  }
  70.2777777778% {
    background-color: hsla(253, 100%, 20%, 0.66);
  }
  70.5555555556% {
    background-color: hsla(254, 100%, 20%, 0.66);
  }
  70.8333333333% {
    background-color: hsla(255, 100%, 20%, 0.66);
  }
  71.1111111111% {
    background-color: hsla(256, 100%, 20%, 0.66);
  }
  71.3888888889% {
    background-color: hsla(257, 100%, 20%, 0.66);
  }
  71.6666666667% {
    background-color: hsla(258, 100%, 20%, 0.66);
  }
  71.9444444444% {
    background-color: hsla(259, 100%, 20%, 0.66);
  }
  72.2222222222% {
    background-color: hsla(260, 100%, 20%, 0.66);
  }
  72.5% {
    background-color: hsla(261, 100%, 20%, 0.66);
  }
  72.7777777778% {
    background-color: hsla(262, 100%, 20%, 0.66);
  }
  73.0555555556% {
    background-color: hsla(263, 100%, 20%, 0.66);
  }
  73.3333333333% {
    background-color: hsla(264, 100%, 20%, 0.66);
  }
  73.6111111111% {
    background-color: hsla(265, 100%, 20%, 0.66);
  }
  73.8888888889% {
    background-color: hsla(266, 100%, 20%, 0.66);
  }
  74.1666666667% {
    background-color: hsla(267, 100%, 20%, 0.66);
  }
  74.4444444444% {
    background-color: hsla(268, 100%, 20%, 0.66);
  }
  74.7222222222% {
    background-color: hsla(269, 100%, 20%, 0.66);
  }
  75% {
    background-color: hsla(270, 100%, 20%, 0.66);
  }
  75.2777777778% {
    background-color: hsla(271, 100%, 20%, 0.66);
  }
  75.5555555556% {
    background-color: hsla(272, 100%, 20%, 0.66);
  }
  75.8333333333% {
    background-color: hsla(273, 100%, 20%, 0.66);
  }
  76.1111111111% {
    background-color: hsla(274, 100%, 20%, 0.66);
  }
  76.3888888889% {
    background-color: hsla(275, 100%, 20%, 0.66);
  }
  76.6666666667% {
    background-color: hsla(276, 100%, 20%, 0.66);
  }
  76.9444444444% {
    background-color: hsla(277, 100%, 20%, 0.66);
  }
  77.2222222222% {
    background-color: hsla(278, 100%, 20%, 0.66);
  }
  77.5% {
    background-color: hsla(279, 100%, 20%, 0.66);
  }
  77.7777777778% {
    background-color: hsla(280, 100%, 20%, 0.66);
  }
  78.0555555556% {
    background-color: hsla(281, 100%, 20%, 0.66);
  }
  78.3333333333% {
    background-color: hsla(282, 100%, 20%, 0.66);
  }
  78.6111111111% {
    background-color: hsla(283, 100%, 20%, 0.66);
  }
  78.8888888889% {
    background-color: hsla(284, 100%, 20%, 0.66);
  }
  79.1666666667% {
    background-color: hsla(285, 100%, 20%, 0.66);
  }
  79.4444444444% {
    background-color: hsla(286, 100%, 20%, 0.66);
  }
  79.7222222222% {
    background-color: hsla(287, 100%, 20%, 0.66);
  }
  80% {
    background-color: hsla(288, 100%, 20%, 0.66);
  }
  80.2777777778% {
    background-color: hsla(289, 100%, 20%, 0.66);
  }
  80.5555555556% {
    background-color: hsla(290, 100%, 20%, 0.66);
  }
  80.8333333333% {
    background-color: hsla(291, 100%, 20%, 0.66);
  }
  81.1111111111% {
    background-color: hsla(292, 100%, 20%, 0.66);
  }
  81.3888888889% {
    background-color: hsla(293, 100%, 20%, 0.66);
  }
  81.6666666667% {
    background-color: hsla(294, 100%, 20%, 0.66);
  }
  81.9444444444% {
    background-color: hsla(295, 100%, 20%, 0.66);
  }
  82.2222222222% {
    background-color: hsla(296, 100%, 20%, 0.66);
  }
  82.5% {
    background-color: hsla(297, 100%, 20%, 0.66);
  }
  82.7777777778% {
    background-color: hsla(298, 100%, 20%, 0.66);
  }
  83.0555555556% {
    background-color: hsla(299, 100%, 20%, 0.66);
  }
  83.3333333333% {
    background-color: hsla(300, 100%, 20%, 0.66);
  }
  83.6111111111% {
    background-color: hsla(301, 100%, 20%, 0.66);
  }
  83.8888888889% {
    background-color: hsla(302, 100%, 20%, 0.66);
  }
  84.1666666667% {
    background-color: hsla(303, 100%, 20%, 0.66);
  }
  84.4444444444% {
    background-color: hsla(304, 100%, 20%, 0.66);
  }
  84.7222222222% {
    background-color: hsla(305, 100%, 20%, 0.66);
  }
  85% {
    background-color: hsla(306, 100%, 20%, 0.66);
  }
  85.2777777778% {
    background-color: hsla(307, 100%, 20%, 0.66);
  }
  85.5555555556% {
    background-color: hsla(308, 100%, 20%, 0.66);
  }
  85.8333333333% {
    background-color: hsla(309, 100%, 20%, 0.66);
  }
  86.1111111111% {
    background-color: hsla(310, 100%, 20%, 0.66);
  }
  86.3888888889% {
    background-color: hsla(311, 100%, 20%, 0.66);
  }
  86.6666666667% {
    background-color: hsla(312, 100%, 20%, 0.66);
  }
  86.9444444444% {
    background-color: hsla(313, 100%, 20%, 0.66);
  }
  87.2222222222% {
    background-color: hsla(314, 100%, 20%, 0.66);
  }
  87.5% {
    background-color: hsla(315, 100%, 20%, 0.66);
  }
  87.7777777778% {
    background-color: hsla(316, 100%, 20%, 0.66);
  }
  88.0555555556% {
    background-color: hsla(317, 100%, 20%, 0.66);
  }
  88.3333333333% {
    background-color: hsla(318, 100%, 20%, 0.66);
  }
  88.6111111111% {
    background-color: hsla(319, 100%, 20%, 0.66);
  }
  88.8888888889% {
    background-color: hsla(320, 100%, 20%, 0.66);
  }
  89.1666666667% {
    background-color: hsla(321, 100%, 20%, 0.66);
  }
  89.4444444444% {
    background-color: hsla(322, 100%, 20%, 0.66);
  }
  89.7222222222% {
    background-color: hsla(323, 100%, 20%, 0.66);
  }
  90% {
    background-color: hsla(324, 100%, 20%, 0.66);
  }
  90.2777777778% {
    background-color: hsla(325, 100%, 20%, 0.66);
  }
  90.5555555556% {
    background-color: hsla(326, 100%, 20%, 0.66);
  }
  90.8333333333% {
    background-color: hsla(327, 100%, 20%, 0.66);
  }
  91.1111111111% {
    background-color: hsla(328, 100%, 20%, 0.66);
  }
  91.3888888889% {
    background-color: hsla(329, 100%, 20%, 0.66);
  }
  91.6666666667% {
    background-color: hsla(330, 100%, 20%, 0.66);
  }
  91.9444444444% {
    background-color: hsla(331, 100%, 20%, 0.66);
  }
  92.2222222222% {
    background-color: hsla(332, 100%, 20%, 0.66);
  }
  92.5% {
    background-color: hsla(333, 100%, 20%, 0.66);
  }
  92.7777777778% {
    background-color: hsla(334, 100%, 20%, 0.66);
  }
  93.0555555556% {
    background-color: hsla(335, 100%, 20%, 0.66);
  }
  93.3333333333% {
    background-color: hsla(336, 100%, 20%, 0.66);
  }
  93.6111111111% {
    background-color: hsla(337, 100%, 20%, 0.66);
  }
  93.8888888889% {
    background-color: hsla(338, 100%, 20%, 0.66);
  }
  94.1666666667% {
    background-color: hsla(339, 100%, 20%, 0.66);
  }
  94.4444444444% {
    background-color: hsla(340, 100%, 20%, 0.66);
  }
  94.7222222222% {
    background-color: hsla(341, 100%, 20%, 0.66);
  }
  95% {
    background-color: hsla(342, 100%, 20%, 0.66);
  }
  95.2777777778% {
    background-color: hsla(343, 100%, 20%, 0.66);
  }
  95.5555555556% {
    background-color: hsla(344, 100%, 20%, 0.66);
  }
  95.8333333333% {
    background-color: hsla(345, 100%, 20%, 0.66);
  }
  96.1111111111% {
    background-color: hsla(346, 100%, 20%, 0.66);
  }
  96.3888888889% {
    background-color: hsla(347, 100%, 20%, 0.66);
  }
  96.6666666667% {
    background-color: hsla(348, 100%, 20%, 0.66);
  }
  96.9444444444% {
    background-color: hsla(349, 100%, 20%, 0.66);
  }
  97.2222222222% {
    background-color: hsla(350, 100%, 20%, 0.66);
  }
  97.5% {
    background-color: hsla(351, 100%, 20%, 0.66);
  }
  97.7777777778% {
    background-color: hsla(352, 100%, 20%, 0.66);
  }
  98.0555555556% {
    background-color: hsla(353, 100%, 20%, 0.66);
  }
  98.3333333333% {
    background-color: hsla(354, 100%, 20%, 0.66);
  }
  98.6111111111% {
    background-color: hsla(355, 100%, 20%, 0.66);
  }
  98.8888888889% {
    background-color: hsla(356, 100%, 20%, 0.66);
  }
  99.1666666667% {
    background-color: hsla(357, 100%, 20%, 0.66);
  }
  99.4444444444% {
    background-color: hsla(358, 100%, 20%, 0.66);
  }
  99.7222222222% {
    background-color: hsla(359, 100%, 20%, 0.66);
  }
  100% {
    background-color: hsla(0, 100%, 20%, 0.66);
  }
}
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*# sourceMappingURL=zf.css.map */