.voteContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}

.voteContainer:hover .text {
  color: #000;
}

.voteContainer .vote {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 4rem !important;
  width: 4rem !important;
  position: relative;
  z-index: 1;
  cursor: pointer;
  background: #def81a;
  border: 10px white solid;
  border-radius: 999px;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.voteContainer .vote div.icon {
  font-size: 24px;
  font-weight: 800;
}

.voteContainer .vote.voted {
  background: #def81a;
}

.voteContainer .vote.voted:hover {
  background: #def81a;
}

.voteContainer .vote.voted:hover:before {
  background: #def81a;
}

.voteContainer .vote.voted:hover .icon {
  -webkit-transform: scale(1);
          transform: scale(1);
  fill: #333;
}

.voteContainer .vote.voted .icon {
  width: 40px;
  margin-left: 12px;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.voteContainer .vote span {
  position: absolute;
  /* Add animation */
  -webkit-transition: all 0.5s cubic-bezier(0.5, 0.5, 0.2, 1);
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0.2, 1);
  -webkit-animation-name: example;
  /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1.5s;
  /* Chrome, Safari, Opera */
  animation-name: example;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  font-weight: 900;
  font-size: 12px;
  left: 40%;
}

.voteContainer .vote .icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4rem;
  height: 4rem;
  padding: 0.5rem;
  fill: #333;
  z-index: 10;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.5, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.5, 0.5, 0.2, 1);
}

.voteContainer .vote .spark {
  width: 3rem;
  height: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  fill: #333;
  z-index: -2;
  margin-top: -5px;
  margin-left: -5px;
  -webkit-transform: scale(0.1);
          transform: scale(0.1);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0.5, 0.2, 1) 0.2s;
  transition: all 0.2s cubic-bezier(0.5, 0.5, 0.2, 1) 0.2s;
}

.voteContainer .vote:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 2rem;
  z-index: 10;
  display: block;
  background: black;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: all 0.3s cubic-bezier(0.5, 0.5, 0.2, 1) 0.35s;
  transition: all 0.3s cubic-bezier(0.5, 0.5, 0.2, 1) 0.35s;
}

.voteContainer .vote a {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 1.5rem;
  margin: -0.75rem;
  border-radius: 50%;
  background: white;
  color: #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  font-weight: 900;
  font-size: 11px;
  line-height: 11px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(0);
          transform: translate(0);
  -webkit-transition: opacity 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s, visibility 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.5, 0.5, 0.2, 1);
  transition: opacity 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s, visibility 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.5, 0.5, 0.2, 1);
  transition: transform 0.5s cubic-bezier(0.5, 0.5, 0.2, 1), opacity 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s, visibility 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s;
  transition: transform 0.5s cubic-bezier(0.5, 0.5, 0.2, 1), opacity 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s, visibility 0.1s cubic-bezier(0.5, 0.5, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.5, 0.5, 0.2, 1);
  visibility: hidden;
  opacity: 0;
}

.voteContainer .vote a:hover {
  background: #def81a;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.4);
}

.voteContainer .vote a:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  border-radius: 50%;
  background: rgba(222, 248, 26, calc(0.1 * var(--i)));
}

.voteContainer .vote span {
  width: 0.5rem;
  height: 0.5rem;
}

.voteContainer .vote:hover:before {
  background: #333;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all 0.15s cubic-bezier(0.5, 0.5, 0.2, 1) 0s;
  transition: all 0.15s cubic-bezier(0.5, 0.5, 0.2, 1) 0s;
}

.voteContainer .vote:hover .icon {
  fill: #def81a;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.voteContainer .vote:hover .spark {
  width: 100px;
  height: 100px;
  -webkit-transform: scale(1.3) rotate(-7deg);
          transform: scale(1.3) rotate(-7deg);
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
}

.voteContainer .vote.open .icon {
  fill: #def81a;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}

.voteContainer .vote.open .spark {
  opacity: 0;
}

.voteContainer .vote.open:before {
  background: #333;
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.voteContainer .vote.open a {
  opacity: 1;
  visibility: visible;
}

.voteContainer .vote.open a:nth-of-type(1) {
  -webkit-transform: rotate(-25deg) translate(3rem) rotate(25deg);
          transform: rotate(-25deg) translate(3rem) rotate(25deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(2) {
  -webkit-transform: rotate(7.72727deg) translate(3rem) rotate(-7.72727deg);
          transform: rotate(7.72727deg) translate(3rem) rotate(-7.72727deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(3) {
  -webkit-transform: rotate(40.45455deg) translate(3rem) rotate(-40.45455deg);
          transform: rotate(40.45455deg) translate(3rem) rotate(-40.45455deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(4) {
  -webkit-transform: rotate(73.18182deg) translate(3rem) rotate(-73.18182deg);
          transform: rotate(73.18182deg) translate(3rem) rotate(-73.18182deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(5) {
  -webkit-transform: rotate(105.90909deg) translate(3rem) rotate(-105.90909deg);
          transform: rotate(105.90909deg) translate(3rem) rotate(-105.90909deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(6) {
  -webkit-transform: rotate(138.63636deg) translate(3rem) rotate(-138.63636deg);
          transform: rotate(138.63636deg) translate(3rem) rotate(-138.63636deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(7) {
  -webkit-transform: rotate(171.36364deg) translate(3rem) rotate(-171.36364deg);
          transform: rotate(171.36364deg) translate(3rem) rotate(-171.36364deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(8) {
  -webkit-transform: rotate(204.09091deg) translate(3rem) rotate(-204.09091deg);
          transform: rotate(204.09091deg) translate(3rem) rotate(-204.09091deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(9) {
  -webkit-transform: rotate(236.81818deg) translate(3rem) rotate(-236.81818deg);
          transform: rotate(236.81818deg) translate(3rem) rotate(-236.81818deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(10) {
  -webkit-transform: rotate(269.54545deg) translate(3rem) rotate(-269.54545deg);
          transform: rotate(269.54545deg) translate(3rem) rotate(-269.54545deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

.voteContainer .vote.open a:nth-of-type(11) {
  -webkit-transform: rotate(302.27273deg) translate(3rem) rotate(-302.27273deg);
          transform: rotate(302.27273deg) translate(3rem) rotate(-302.27273deg);
  /*transition:
                transform calc(0.05s + (var(--i) * 2ms)) $easing calc((var(--i) * 50ms)),
                opacity calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms)),
                visibility calc(0.05s + (var(--i) * 0.1s)) $easing calc((var(--i) * 2ms));*/
}

@-webkit-keyframes example {
  from {
    top: 0px;
    opacity: 1;
  }
  to {
    top: -50px;
    opacity: 0;
  }
}

@keyframes example {
  from {
    top: 0px;
    opacity: 1;
  }
  to {
    top: -50px;
    opacity: 0;
  }
}

.typeahead.dropdown-menu {
  z-index: 9999;
  top: 37px;
  left: 0px !important;
  position: absolute;
  width: 260px;
  background: white;
  padding: 10px 25px;
  border: 1px grey solid;
  border-top: none;
}

.selectDropSpec {
  max-width: 250px;
}

.btn-topic {
  position: relative;
  z-index: 2;
}

.btn-topic .spark {
  position: absolute;
  height: 100px;
  width: 100px;
  top: -60%;
  left: calc(50% - 50px);
  z-index: 1;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity .05s, -webkit-transform .15s ease-in-out;
  transition: opacity .05s, -webkit-transform .15s ease-in-out;
  transition: transform .15s ease-in-out, opacity .05s;
  transition: transform .15s ease-in-out, opacity .05s, -webkit-transform .15s ease-in-out;
}

.btn-topic .spark svg {
  width: 100px;
  height: 100px;
}

.btn-topic:hover .spark {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.deleter {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
/*# sourceMappingURL=vote.css.map */