.blockContent[data-v-1c21caa0] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.button[data-v-1c21caa0] {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  white-space: nowrap;
  overflow: hidden;
  user-select: none;
}
.button > *[data-v-1c21caa0]:not(.browse) {
  pointer-events: none;
}
.button.noTitle[data-v-1c21caa0] {
  margin: 0;
  padding: 7px;
}
.button.noTitle .icon[data-v-1c21caa0] {
  height: 100%;
  max-height: 26px;
  margin: 0;
  padding: 0;
}
.button.noTitle.big[data-v-1c21caa0] {
  padding: 19px;
}
.button.noTitle.big .icon[data-v-1c21caa0] {
  min-width: 40px;
  max-height: 40px;
}
.button.checkbox[data-v-1c21caa0] {
  background: none;
  padding: 0px;
  border-radius: 0;
  margin: 0;
  display: inline-block;
}
.button.checkbox .checkboxInput[data-v-1c21caa0] {
  pointer-events: all;
  opacity: 0.001;
  position: absolute;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  cursor: pointer;
}
.button .checkboxContent[data-v-1c21caa0] {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  align-items: center;
}
.button .checkboxContent .checkmark[data-v-1c21caa0] {
  border: 1px solid #57bfc9;
  border-radius: 7px;
  padding: 0;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.button .checkboxContent .checkmark .img[data-v-1c21caa0] {
  width: 80%;
  margin: 0;
  padding: 0;
}
.button .checkboxContent .label[data-v-1c21caa0] {
  flex-grow: 1;
  margin-left: 7px;
  justify-self: flex-start;
  text-align: left;
  width: max-content;
  color: #57bfc9;
}
.button .checkboxContent[data-v-1c21caa0]:hover {
  background: none;
}
.button .checkboxContent:hover .checkmark[data-v-1c21caa0] {
  background-color: rgba(87, 191, 201, 0.3);
}
.button .icon[data-v-1c21caa0] {
  max-height: 20px;
  width: 30px;
  margin-right: 10px;
  vertical-align: middle;
}
.button .spinner[data-v-1c21caa0] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  vertical-align: middle;
  height: 34px;
  width: 34px;
}
.button .label[data-v-1c21caa0] {
  flex-grow: 1;
  white-space: nowrap;
}
.button .label[data-v-1c21caa0],
.button .icon[data-v-1c21caa0] {
  opacity: 1;
  transition: opacity 0.2s;
}
.button .label.hide[data-v-1c21caa0],
.button .icon.hide[data-v-1c21caa0] {
  opacity: 0.25;
}
.button .browse[data-v-1c21caa0] {
  opacity: 0;
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 200%;
  cursor: pointer;
  font-size: 0px;
}
.button.white[data-v-1c21caa0] {
  color: #57bfc9;
  background-color: #fff;
}
.button.white .label.hide[data-v-1c21caa0],
.button.white .icon.hide[data-v-1c21caa0] {
  opacity: 0.4;
}
.button.white[data-v-1c21caa0]:not(.loading):hover {
  background-color: #ffffff;
}
.button.white.loading[data-v-1c21caa0] {
  background-color: rgba(255, 255, 255, 0.5);
}
.button.white .checkboxContent .checkmark[data-v-1c21caa0] {
  border-color: #fff;
}
.button.white .checkboxContent .label[data-v-1c21caa0] {
  color: #fff;
}
.button.big[data-v-1c21caa0] {
  padding: 20px;
}
.button.big .label[data-v-1c21caa0] {
  font-size: 33px;
}
.button.big .icon[data-v-1c21caa0] {
  min-width: 30px;
  min-height: 30px;
}
.button.big.checkbox[data-v-1c21caa0] {
  padding: 0;
}
.button.big.checkbox .checkboxContent .checkmark[data-v-1c21caa0] {
  border-radius: 13px;
  width: 40px;
  height: 40px;
}
.button.highlight[data-v-1c21caa0] {
  color: #ffffff;
  background-color: #e6bf00;
}
.button.highlight.disabled[data-v-1c21caa0] {
  background-color: rgba(230, 191, 0, 0.5);
}
.button.highlight .label.hide[data-v-1c21caa0],
.button.highlight .icon.hide[data-v-1c21caa0] {
  opacity: 0.4;
}
.button.highlight[data-v-1c21caa0]:not(.loading):hover {
  background-color: #ffd81a;
}
.button.highlight.loading[data-v-1c21caa0] {
  background-color: rgba(230, 191, 0, 0.5);
}
.button.highlight.selected[data-v-1c21caa0] {
  background-color: #fff2b3;
}
.button.selected[data-v-1c21caa0]:not(.highlight) {
  background-color: #e6bf00;
  color: #fff;
}
.button.selected:not(.highlight).disabled[data-v-1c21caa0] {
  background-color: rgba(230, 191, 0, 0.5);
}
.button.selected[data-v-1c21caa0]:not(.highlight):hover {
  background-color: rgba(164, 220, 226, 0.5);
}
.button.small[data-v-1c21caa0] {
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 17px;
  text-transform: none;
}
.button.disabled[data-v-1c21caa0] {
  background-color: rgba(87, 191, 201, 0.5);
}
.button.disabled[data-v-1c21caa0]:hover {
  background-color: rgba(87, 191, 201, 0.5);
}
.button.disabled .icon[data-v-1c21caa0] {
  opacity: 0.4;
}
@media only screen and (max-width: 500px) {
.button.noTitle.big[data-v-1c21caa0],
  .button.big[data-v-1c21caa0] {
    padding: 12px;
}
.button.noTitle.big .label[data-v-1c21caa0],
  .button.big .label[data-v-1c21caa0] {
    font-size: 25px;
}
.button.noTitle.big .icon[data-v-1c21caa0],
  .button.big .icon[data-v-1c21caa0] {
    min-width: 25px;
    min-height: 25px;
}
}
.blockContent[data-v-735f464f] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.needinteractionlayer[data-v-735f464f] {
  cursor: pointer;
}
.needinteractionlayer .dimmer[data-v-735f464f] {
  background-color: rgba(255, 255, 255, 0.75);
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.needinteractionlayer .content[data-v-735f464f] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 3;
  padding: 20px;
  border-radius: 20px;
  transform: translate(-50%, -50%);
  background-color: #e6bf00;
  color: #fff;
  font-size: 30px;
  max-width: 90vw;
  min-width: 250px;
}
.needinteractionlayer .content .iconHolder[data-v-735f464f] {
  position: absolute;
  padding: 20px;
  left: 50%;
  transform: translate(-50%, -90%);
  border-radius: 50%;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #e6bf00;
}
.needinteractionlayer .content .iconHolder .icon[data-v-735f464f] {
  width: 40px;
}
.needinteractionlayer .content .iconHolder .loader[data-v-735f464f] {
  position: absolute;
  width: 70px;
  left: 50%;
  transform: translate(-50%, -20%);
}
.needinteractionlayer .content .text[data-v-735f464f] {
  position: relative;
  z-index: 2;
  text-align: center;
}
.blockContent[data-v-1f69bae0] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.tooltip[data-v-1f69bae0] {
  position: fixed;
  pointer-events: none;
  z-index: 100;
}
.tooltip > .holder[data-v-1f69bae0] {
  position: fixed;
  display: inline;
  color: #fff;
  padding: 8px;
  border-radius: 10px;
  background-color: #4391f8;
  max-width: 300px;
  text-align: justify;
  font-size: 16px;
}
.tooltip > .holder .tip[data-v-1f69bae0] {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #4391f8;
  bottom: -12px;
  position: absolute;
  width: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
.tooltip > .holder.upsideDown .tip[data-v-1f69bae0] {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: none;
  border-bottom: 12px solid #4391f8;
  top: -12px;
  bottom: auto;
  position: absolute;
  width: 0;
  left: 50%;
  transform: translate(-50%, 0);
}
@media only screen and (max-width: 500px) {
.tooltip[data-v-1f69bae0] {
    display: none;
}
}
.blockContent[data-v-670d5a9c] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.changelog .log[data-v-670d5a9c] {
  margin-bottom: 50px;
}
.changelog .log .date[data-v-670d5a9c] {
  font-weight: bold;
  text-align: center;
}
.changelog .log ul[data-v-670d5a9c] {
  list-style: disc;
}
.changelog .log ul li[data-v-670d5a9c] {
  margin-bottom: 5px;
}
.changelog .log ul li[data-v-670d5a9c]  a {
  background-color: rgba(67, 145, 248, 0.1);
  padding: 0 5px;
  border-radius: 5px;
  line-height: 22px;
  transition: all 0.25s;
}
.changelog .log ul li[data-v-670d5a9c]  a:hover {
  color: #e6bf00;
  background-color: rgba(255, 255, 255, 0.1);
}
.blockContent[data-v-50aad0d8] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.democonfig .header h1[data-v-50aad0d8] {
  margin-bottom: 10px;
}
.democonfig .content[data-v-50aad0d8] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.democonfig .content .number[data-v-50aad0d8] {
  font-size: 40px;
  margin-bottom: 10px;
}
.democonfig .content .number[data-v-50aad0d8]  .icon {
  width: 40px;
}
.blockContent[data-v-d237cd0e] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.trackentry[data-v-d237cd0e] {
  background-color: #57bfc9;
  color: #fff;
  border-radius: 2em;
  text-align: center;
  padding: 0.55em;
  opacity: 0.5;
  transition: all 0.25s;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
}
.trackentry > .icon[data-v-d237cd0e] {
  width: 3em;
  height: 3em;
  min-width: 3em;
  min-height: 3em;
}
.trackentry > .icon .icon[data-v-d237cd0e] {
  height: 100%;
  width: 100%;
}
.trackentry > .icon .score[data-v-d237cd0e] {
  font-family: "Futura";
  font-weight: bold;
  font-size: 1.5em;
  color: #e6bf00;
  background-image: url("/assets/star-88c87a52.svg");
  background-repeat: no-repeat;
  display: block;
  width: 2.5em;
  height: 2.5em;
  margin-left: -0.1em;
  margin-top: -0.3em;
  padding: 0.9em 0;
}
.trackentry > .icon .score[data-v-d237cd0e]::before {
  content: "+";
  margin-left: -0.3em;
  font-size: 0.7em;
  vertical-align: top;
}
.trackentry.enabled[data-v-d237cd0e] {
  opacity: 1;
}
.trackentry.forcedReveal[data-v-d237cd0e] {
  opacity: 0.5;
  font-style: italic;
  color: rgba(255, 255, 255, 0.6);
}
.trackentry.forcedReveal .icon[data-v-d237cd0e] {
  opacity: 0.6;
}
.trackentry.highlight[data-v-d237cd0e] {
  background-color: #e6bf00;
}
.trackentry.error[data-v-d237cd0e] {
  background-color: #c00;
}
.trackentry.small > .icon[data-v-d237cd0e] {
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
}
.trackentry.small .trackInfos[data-v-d237cd0e] {
  font-size: 1em;
}
.trackentry.small .trackInfos .title[data-v-d237cd0e] {
  font-size: 0.8em;
}
.trackentry.small .trackInfos .artist[data-v-d237cd0e] {
  margin-bottom: 0.3em;
}
.trackentry.small .trackInfos .album[data-v-d237cd0e] {
  margin-bottom: 0.3em;
}
.trackentry.small .placeholder[data-v-d237cd0e] {
  font-size: 1.2em;
}
.trackentry.small .score[data-v-d237cd0e] {
  font-size: 1.4em;
  width: 2em;
  height: 2em;
  padding: 0.6em 0;
}
.trackentry.small .guesser[data-v-d237cd0e] {
  transform: translate(0.5em, 50%);
}
.trackentry.small .guesser .pseudo[data-v-d237cd0e] {
  font-size: 0.85em;
}
.trackentry.small .stop[data-v-d237cd0e] {
  width: 2em;
  height: 2em;
  min-width: 2em;
}
.trackentry .trackInfos[data-v-d237cd0e] {
  font-size: 1.15em;
  flex-grow: 1;
}
.trackentry .trackInfos .artist[data-v-d237cd0e] {
  font-weight: bold;
  margin-bottom: 0.25em;
}
.trackentry .trackInfos .title .icon[data-v-d237cd0e] {
  height: 22px;
}
.trackentry .trackInfos .artist[data-v-d237cd0e] {
  margin-bottom: 0.3em;
}
.trackentry .trackInfos .album[data-v-d237cd0e] {
  margin-bottom: 0.3em;
}
.trackentry .trackInfos * .icon[data-v-d237cd0e] {
  height: 30px;
  margin-right: 7px;
  vertical-align: bottom;
}
.trackentry .placeholder[data-v-d237cd0e] {
  flex-grow: 1;
  font-size: 2em;
  font-family: "Arial";
  font-weight: bold;
}
.trackentry .guesser[data-v-d237cd0e] {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translate(0.7em, 25%);
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  font-family: "Futura";
  z-index: 1;
  flex-wrap: wrap;
  max-width: 100%;
  max-height: 1.5em;
  overflow: auto;
}
.trackentry .guesser .pseudo[data-v-d237cd0e] {
  font-size: 1em;
  padding: 0.25em 0.5em;
  border-radius: 2em;
  background-color: #e6bf00;
}
.trackentry .guesser .pseudo[data-v-d237cd0e]:not(:first-child) {
  font-size: 0.9em;
  padding: 0.1em 0.25em;
  background-color: rgba(230, 191, 0, 0.85);
}
.trackentry .stars[data-v-d237cd0e] {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.trackentry .stars img[data-v-d237cd0e] {
  opacity: 0;
  position: absolute;
  width: 2em;
  height: 2em;
  transform-origin: center center;
}
.trackentry .stop[data-v-d237cd0e] {
  width: 3em;
  height: 3em;
  min-width: 3em;
  cursor: pointer;
  position: relative;
}
.trackentry .stop .icon[data-v-d237cd0e] {
  width: 100%;
  height: 100%;
}
.trackentry .stop .loader[data-v-d237cd0e] {
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.blockContent[data-v-112f824f] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.trackanswerform[data-v-112f824f] {
  display: flex;
  flex-direction: column;
}
.trackanswerform.error .input[data-v-112f824f] {
  background-color: #e6bf00;
  color: #fff;
}
.trackanswerform.success .form .line .input[data-v-112f824f] {
  background-color: #fff;
}
.trackanswerform:not(.multiplayermode) .form .line .input[data-v-112f824f] {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.trackanswerform .form[data-v-112f824f] {
  position: relative;
}
.trackanswerform .form .line[data-v-112f824f] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.trackanswerform .form .line .input[data-v-112f824f] {
  position: relative;
  transition: background-color 0.25s, color 0.25s;
  flex-grow: 1;
  border-radius: 0;
  border-right-color: transparent;
}
.trackanswerform .form .line .input[data-v-112f824f]:focus {
  outline: none;
}
.trackanswerform .form .line .submit[data-v-112f824f] {
  flex-grow: 0;
  width: 40px;
  height: 40px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border: 1px solid #2f9da7;
  border-left: none;
}
.trackanswerform .form .line .submit[data-v-112f824f]  img {
  width: 100%;
  min-width: 20px;
}
.trackanswerform .form .line .chat[data-v-112f824f] {
  min-width: 40px;
  width: 40px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #b7e6eb;
  border: 1px solid #2f9da7;
  border-right: none;
  border-bottom: none;
}
.trackanswerform .form .line .chat[data-v-112f824f]  img {
  width: 100%;
  min-width: 20px;
}
.trackanswerform .form .stars[data-v-112f824f] {
  position: absolute;
  top: 30px;
  pointer-events: none;
}
.trackanswerform .form .stars img[data-v-112f824f] {
  opacity: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  transform-origin: center center;
}
.trackanswerform .showAnswers[data-v-112f824f] {
  align-self: center;
}
.trackanswerform .actions[data-v-112f824f] {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.trackanswerform .actions > *[data-v-112f824f]:not(:last-child) {
  margin-right: 10px;
}
.trackanswerform .shareUrl[data-v-112f824f] {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.trackanswerform .shareUrl .title[data-v-112f824f] {
  align-self: center;
  margin-bottom: 5px;
}
.trackanswerform .shareUrl .close[data-v-112f824f] {
  align-self: center;
  margin-bottom: 5px;
}
.blockContent[data-v-3633bc6e] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.volumebutton[data-v-3633bc6e] {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #57bfc9;
  border-bottom-left-radius: 40px;
  overflow: hidden;
  transition: height 0.25s;
  height: 78px;
  width: 78px;
  user-select: none;
}
.volumebutton.expand[data-v-3633bc6e] {
  height: 270px;
}
.volumebutton.expand .percent[data-v-3633bc6e],
.volumebutton.expand .content[data-v-3633bc6e] {
  opacity: 1;
}
.volumebutton.twitchMode[data-v-3633bc6e] {
  top: 50%;
  right: auto;
  left: 0;
  transform: translate(0, -50%);
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.volumebutton.twitchMode .icon[data-v-3633bc6e] {
  width: 20px;
  height: 25px;
  padding: 8px;
}
.volumebutton.twitchMode.expand[data-v-3633bc6e] {
  height: 200px;
}
.volumebutton.twitchMode .content[data-v-3633bc6e] {
  width: 100%;
  height: 120px;
}
.volumebutton.horizontal[data-v-3633bc6e] {
  position: relative;
  top: 50%;
  right: auto;
  left: 0;
  transform: translate(0, -50%);
  width: 220px;
  height: 40px;
  border-radius: 20px;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.volumebutton.horizontal .icon[data-v-3633bc6e] {
  width: 20px;
  height: 25px;
  padding: 0px;
}
.volumebutton.horizontal.expand[data-v-3633bc6e] {
  height: 40px;
}
.volumebutton.horizontal .content[data-v-3633bc6e] {
  transform: rotate(90deg) translate(0, 0%);
  width: 120px;
  height: 120px;
  margin: 0;
  padding: 0;
  opacity: 1;
}
.volumebutton.horizontal .percent[data-v-3633bc6e] {
  opacity: 1;
  width: 50px;
  margin-bottom: 0px;
}
.volumebutton .icon[data-v-3633bc6e] {
  width: 40px;
  height: 40px;
  padding: 20px;
  padding-bottom: 5px;
  cursor: pointer;
}
.volumebutton .percent[data-v-3633bc6e] {
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
  opacity: 0;
  transition: opacity 0.25s;
}
.volumebutton .content[data-v-3633bc6e] {
  position: relative;
  margin: auto;
  display: block;
  width: 60px;
  height: 150px;
  opacity: 0;
  transition: opacity 0.25s;
}
.volumebutton .content .bar[data-v-3633bc6e],
.volumebutton .content .arrow[data-v-3633bc6e] {
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 225, 0.5);
  cursor: pointer;
}
.volumebutton .content .bar.arrow[data-v-3633bc6e],
.volumebutton .content .arrow.arrow[data-v-3633bc6e] {
  position: absolute;
  top: 0;
  left: 0;
  fill: #fff;
  clip-path: polygon(0 50%, 100% 50%, 100% 100%, 0 100%);
}
@media only screen and (max-width: 500px) {
.volumebutton[data-v-3633bc6e] {
    width: 49px;
    height: 49px;
    border-bottom-left-radius: 25px;
}
.volumebutton.expand[data-v-3633bc6e] {
    height: 245px;
}
.volumebutton .percent[data-v-3633bc6e] {
    font-size: 16px;
}
.volumebutton .icon[data-v-3633bc6e] {
    width: 25px;
    height: 25px;
    padding: 13px;
}
}
.blockContent[data-v-341a4282] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.SimpleLoader[data-v-341a4282] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.SimpleLoader span[data-v-341a4282] {
  font-style: italic;
  color: #fff;
  text-align: center;
  flex-grow: 1;
  border-radius: 50px;
  padding: 10px;
}
.SimpleLoader .loader[data-v-341a4282] {
  position: relative;
  width: 60px;
  height: 36px;
}
.SimpleLoader .loader .spinner[data-v-341a4282] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  padding: 10px 20px;
}
.SimpleLoader.big span[data-v-341a4282] {
  font-size: 35px;
  padding: 15px 25px;
}
.SimpleLoader.big .loader[data-v-341a4282] {
  width: 90px;
  height: 53px;
}
.SimpleLoader.big .loader .spinner[data-v-341a4282] {
  width: 40px;
  height: 40px;
  padding: 10px 25px;
}
.blockContent[data-v-55307ef6] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.tracksplayer .loader[data-v-55307ef6] {
  margin: auto;
  margin-bottom: 50px;
}
.tracksplayer .trackList[data-v-55307ef6] {
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-bottom: 30px;
  max-width: calc(100% - 40px);
}
.tracksplayer .trackList .list[data-v-55307ef6] {
  margin-bottom: 30px;
}
.tracksplayer .trackList .list .track[data-v-55307ef6]:not(:last-child) {
  margin-bottom: 10px;
}
.tracksplayer .trackList .complete[data-v-55307ef6] {
  align-self: center;
}
.blockContent[data-v-1893fd6c] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.timerrenderer[data-v-1893fd6c] {
  position: relative;
}
.timerrenderer canvas[data-v-1893fd6c] {
  width: 100%;
  height: 100%;
}
.timerrenderer.blink .time[data-v-1893fd6c] {
  background-color: #c03131;
  transition: background-color 0s;
}
.timerrenderer .time[data-v-1893fd6c] {
  position: absolute;
  color: #ffffff;
  background-color: #57bfc9;
  border: 2px solid #ffffff;
  padding: 0.5em;
  border-radius: 5em;
  font-family: Futura;
  font-weight: bold;
  font-size: 1em;
  z-index: 1;
  top: 0;
  left: 0;
  will-change: transform;
  transition: background-color 0.5s;
}
.blockContent[data-v-59771fd4] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.chatwindow[data-v-59771fd4] {
  position: fixed;
  bottom: 0;
  right: 25px;
  max-width: 300px;
  max-height: calc(100vh - 150px);
  display: flex;
  z-index: 1;
}
.chatwindow .close[data-v-59771fd4] {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
}
.chatwindow .list[data-v-59771fd4] {
  background-color: #fff;
  border: 1px solid #a4dce2;
  padding: 10px;
  border-radius: 20px;
  overflow-y: auto;
  box-sizing: border-box;
}
.chatwindow .list .line[data-v-59771fd4] {
  align-items: center;
  max-width: 100%;
  box-sizing: border-box;
}
.chatwindow .list .line[data-v-59771fd4]:not(:last-child) {
  margin-bottom: 8px;
}
.chatwindow .list .line.isme .user[data-v-59771fd4] {
  background-color: #e6bf00;
}
.chatwindow .list .line .user[data-v-59771fd4] {
  font-weight: bold;
  text-transform: capitalize;
  background-color: #57bfc9;
  color: #fff;
  padding: 2px 5px;
  border-radius: 10px;
  align-self: flex-start;
  white-space: nowrap;
  display: inline;
  line-height: 25px;
}
.chatwindow .list .line .message[data-v-59771fd4] {
  display: inline;
  margin-left: 5px;
  word-wrap: break-word;
  max-width: calc(100%);
}
@media only screen and (max-width: 500px) {
.chatwindow[data-v-59771fd4] {
    position: relative;
    bottom: unset;
    right: unset;
    min-width: 100%;
}
.chatwindow .close[data-v-59771fd4] {
    left: auto;
    right: -15px;
}
.chatwindow .list[data-v-59771fd4] {
    max-height: 140px;
    width: 100%;
}
}
.blockContent[data-v-bfbbe480] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.countdown[data-v-bfbbe480] {
  pointer-events: none;
}
.countdown .number[data-v-bfbbe480] {
  font-size: 50vh;
  font-family: "FuturaExtraBold";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.25) 2px 2px 4px;
}
.blockContent[data-v-05a30cdd] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.expertmodestate[data-v-05a30cdd] {
  background-color: #e6bf00;
  border-radius: 20px;
  padding: 10px;
}
.expertmodestate .head[data-v-05a30cdd] {
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Futura";
  justify-content: center;
}
.expertmodestate .head .icon[data-v-05a30cdd] {
  height: 30px;
  margin-right: 10px;
}
.expertmodestate .state[data-v-05a30cdd] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.expertmodestate .state.refuse[data-v-05a30cdd] {
  opacity: 0.75;
  color: #cc0000;
}
.expertmodestate .state.refuse .icon[data-v-05a30cdd] {
  max-height: 14px;
}
.expertmodestate .state .icon[data-v-05a30cdd] {
  max-height: 16px;
  margin-right: 5px;
}
.blockContent[data-v-275b8e13] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.groupuserlist[data-v-275b8e13] {
  padding-top: 0 !important;
}
.groupuserlist .player[data-v-275b8e13] {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
}
.groupuserlist .player[data-v-275b8e13]:not(:last-child) {
  padding-bottom: 10px;
}
.groupuserlist .player[data-v-275b8e13]:not(:last-child)::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  border-bottom: 1px solid #57bfc9;
}
.groupuserlist .player.me[data-v-275b8e13] {
  font-family: "Futura";
}
.groupuserlist .player.offline[data-v-275b8e13] {
  filter: saturate(0%);
  opacity: 0.5;
}
.groupuserlist .player.offline .content .info[data-v-275b8e13]::before {
  background-color: transparent;
  background-image: url("/assets/offline-a58ddc0c.svg");
  width: calc(68px * 21 / 68);
  height: calc(59px * 21 / 68);
  margin-right: 5px;
  margin-left: 0;
  margin-top: 0;
  border-radius: 0;
  margin-top: 3px;
  opacity: 0.5;
}
.groupuserlist .player.host .content .info[data-v-275b8e13]::before {
  background-color: transparent;
  background-image: url("/assets/king-5f7889c0.svg");
  width: calc(100px * 16 / 72);
  height: calc(72px * 16 / 72);
  margin-right: 5px;
  margin-left: 0;
  margin-top: 0;
  border-radius: 0;
  vertical-align: baseline;
}
.groupuserlist .player.passed .pass[data-v-275b8e13] {
  position: absolute;
  left: 50%;
  transform: translate(-40%) rotate(5deg);
  font-family: "FuturaExtraBold";
  text-transform: uppercase;
  color: #888;
  text-shadow: rgba(0, 0, 0, 0.25) 2px 2px 2px;
}
.groupuserlist .player.passed .content[data-v-275b8e13] {
  opacity: 0.25;
}
.groupuserlist .player:hover .kick[data-v-275b8e13] {
  right: 0;
}
.groupuserlist .player .kick[data-v-275b8e13] {
  position: absolute;
  right: -50px;
  z-index: 1;
  padding: 5px;
  width: 40px;
  height: 40px;
  transition: right 0.24s;
}
.groupuserlist .player .kick[data-v-275b8e13] .icon {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.groupuserlist .player .position[data-v-275b8e13] {
  margin-right: 10px;
  font-family: "FuturaExtraBold";
}
.groupuserlist .player .position[data-v-275b8e13]::before {
  content: "#";
  display: inline;
  font-size: 15px;
  font-family: "Futura";
}
.groupuserlist .player .content[data-v-275b8e13] {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.groupuserlist .player .content .info[data-v-275b8e13] {
  display: flex;
  flex-direction: row;
}
.groupuserlist .player .content .info .username[data-v-275b8e13] {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.groupuserlist .player .content .info[data-v-275b8e13]::before {
  content: " ";
  background-color: #2f9da7;
  border-radius: 50%;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-right: 13px;
  margin-top: 7px;
  margin-left: 7px;
  vertical-align: middle;
}
.groupuserlist .player .content .progressBar[data-v-275b8e13] {
  display: block;
  margin-top: 5px;
  background-color: rgba(47, 157, 167, 0.25);
  height: 5px;
  border-radius: 10px;
  overflow: hidden;
}
.groupuserlist .player .content .progressBar .fill[data-v-275b8e13] {
  transition: width 0.5s;
  height: 100%;
  width: 50%;
  background-color: #ffd81a;
}
.blockContent[data-v-5d734462] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.groupgame .countDown[data-v-5d734462] {
  position: relative;
  margin: auto;
  display: block;
  width: 130px;
  height: 130px;
  z-index: 2;
  margin-top: 20px;
  margin-bottom: 40px;
}
.groupgame .countDown .expertMode[data-v-5d734462] {
  margin-top: 10px;
}
.groupgame .countDown .timer[data-v-5d734462] {
  width: 100%;
  height: 100%;
}
.groupgame .countDown .label[data-v-5d734462] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  text-align: center;
  font-family: "Futura";
  font-weight: bold;
  font-size: 30px;
}
.groupgame .giveUp[data-v-5d734462] {
  margin: auto;
  margin-bottom: 30px;
  display: block;
}
.groupgame .giveUp[data-v-5d734462]  .icon {
  height: 100%;
  width: 40px;
}
.groupgame .game[data-v-5d734462] {
  z-index: 1;
  position: relative;
}
.groupgame .chat[data-v-5d734462] {
  margin-bottom: 30px;
}
.groupgame .players[data-v-5d734462] {
  display: flex;
  flex-direction: column;
  width: min-content;
  margin: auto;
  border-radius: 20px;
  box-sizing: border-box;
}
.groupgame .players > .content[data-v-5d734462] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.groupgame .complete[data-v-5d734462] {
  margin: auto;
  margin-bottom: 50px;
  width: min-content;
  display: block;
  text-align: center;
  color: #2f9da7;
  padding: 15px;
  border-radius: 20px;
  background-color: #a4dce2;
}
.groupgame .complete .title[data-v-5d734462] {
  font-family: "Futura";
  font-size: 25px;
  white-space: nowrap;
}
.groupgame .complete .wait[data-v-5d734462] {
  font-style: italic;
  margin-top: 10px;
  width: 220px;
}
.groupgame .complete .content .button[data-v-5d734462]:not(.next) {
  margin-top: 10px;
}
.groupgame .kicked[data-v-5d734462],
.groupgame .serverReboot[data-v-5d734462] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #FFFFFF;
  background-color: #e6bf00;
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  font-size: 24px;
  font-family: "Futura";
}
.groupgame .kicked .back[data-v-5d734462],
.groupgame .serverReboot .back[data-v-5d734462] {
  margin-top: 10px;
}
.blockContent[data-v-25b4982d] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.expertmodeform .toggle[data-v-25b4982d] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.expertmodeform .toggle label[data-v-25b4982d] {
  margin: 0;
  margin-left: 10px;
  font-size: 18px;
  cursor: pointer;
}
.expertmodeform .form[data-v-25b4982d] {
  margin-top: 5px;
  padding: 10px;
  border-top: 1px solid #57bfc9;
  background-color: rgba(87, 191, 201, 0.2);
  color: #2f9da7;
}
.expertmodeform .form .infos[data-v-25b4982d] {
  font-size: 16px;
  width: 260px;
  margin-bottom: 10px;
}
.expertmodeform .form .selectSomething[data-v-25b4982d] {
  margin-top: 10px;
  background-color: #e6bf00;
  padding: 5px 10px;
  border-radius: 10px;
  color: #fff;
}
.blockContent[data-v-f3cf1e36] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.incrementform .title[data-v-f3cf1e36] {
  white-space: nowrap;
  font-size: 18px;
  display: block;
}
.incrementform .content[data-v-f3cf1e36] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #2f9da7;
}
.incrementform .content .count[data-v-f3cf1e36] {
  border: 1px solid #57bfc9;
  font-weight: bold;
  border-radius: 10px;
  padding: 7px;
  margin: 0 10px;
}
.incrementform .content input[data-v-f3cf1e36] {
  width: 35px;
  padding: 0;
  text-align: center;
  margin: 0 10px;
}
.incrementform .content input[data-v-f3cf1e36]::-webkit-inner-spin-button,
.incrementform .content input[data-v-f3cf1e36]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.incrementform .content .button[data-v-f3cf1e36] {
  width: 25px;
  height: 25px;
  padding: 0;
}
.incrementform .content .button[data-v-f3cf1e36]  img {
  width: auto;
  max-height: 60%;
  max-width: 90%;
}
.blockContent[data-v-50443b77] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.gameparams .content[data-v-50443b77] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.blockContent[data-v-f44a7312] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.grouplobbyuser[data-v-f44a7312] {
  width: 100%;
  margin-bottom: 2px;
}
.grouplobbyuser .label[data-v-f44a7312] {
  background-color: #a4dce2;
  border-radius: 15px;
  padding: 0 10px;
  color: #2f9da7;
  display: flex;
  flex-direction: row;
}
.grouplobbyuser .label .text[data-v-f44a7312] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  width: 180px;
  flex-grow: 1;
}
.grouplobbyuser .label.me[data-v-f44a7312] {
  font-family: "Futura";
}
.grouplobbyuser .label[data-v-f44a7312]::before {
  content: " ";
  background-color: #57bfc9;
  border-radius: 50%;
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-top: 12px;
  margin-right: 13px;
  margin-left: 7px;
  vertical-align: middle;
}
.grouplobbyuser .label.offline[data-v-f44a7312] {
  filter: saturate(0%);
  opacity: 0.5;
}
.grouplobbyuser .label.offline[data-v-f44a7312]::before {
  background-color: transparent;
  background-image: url("/assets/offline-a58ddc0c.svg");
  width: calc(68px * 18 / 68);
  height: calc(59px * 18 / 68);
  margin-right: 10px;
  margin-left: 0;
  border-radius: 0;
  margin-top: 6px;
  opacity: 0.5;
}
.grouplobbyuser .label.host[data-v-f44a7312]::before {
  background-color: transparent;
  background-image: url("/assets/king-5f7889c0.svg");
  width: calc(100px * 16 / 72);
  height: calc(72px * 16 / 72);
  margin-right: 5px;
  margin-top: 5px;
  margin-left: 0;
  border-radius: 0;
}
.grouplobbyuser .label .handicap[data-v-f44a7312] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.grouplobbyuser .label .handicap img[data-v-f44a7312] {
  height: 16px;
  margin-right: 5px;
}
.grouplobbyuser .label .handicap span[data-v-f44a7312] {
  font-size: 16px;
  color: #fff;
}
.grouplobbyuser .label .editForm[data-v-f44a7312] {
  display: flex;
  flex-direction: row;
  margin: 5px;
}
.grouplobbyuser .label .editForm input[data-v-f44a7312] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.grouplobbyuser .label .editForm button[data-v-f44a7312] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.grouplobbyuser .form[data-v-f44a7312] {
  background-color: #def2f4;
  border-radius: 15px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  top: 0;
  width: calc(100% - 26px);
  color: #2f9da7;
  box-sizing: border-box;
  margin-left: 13px;
  overflow: hidden;
  transition: all 0.25s;
  padding: 5px 10px;
}
.grouplobbyuser .form .incForm[data-v-f44a7312]  .button:hover {
  background-color: #def2f4;
}
.grouplobbyuser .form.expand-enter-active[data-v-f44a7312],
.grouplobbyuser .form.expand-leave-active[data-v-f44a7312] {
  padding: 5px 10px;
  max-height: 125px;
}
.grouplobbyuser .form.expand-enter[data-v-f44a7312],
.grouplobbyuser .form.expand-leave-to[data-v-f44a7312] {
  max-height: 0px;
  padding: 0px 10px;
}
.blockContent[data-v-23e3f3c3] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.sharemultiplayerlink[data-v-23e3f3c3] {
  margin: auto;
  margin-top: 50px;
  width: min-content;
  border-radius: 20px;
  opacity: 0.8;
}
.sharemultiplayerlink .content[data-v-23e3f3c3] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.sharemultiplayerlink .content .copied[data-v-23e3f3c3] {
  background-color: #4391f8;
  color: #fff;
  border-radius: 50px;
  padding: 5px 10px;
  text-align: center;
}
.sharemultiplayerlink .content p[data-v-23e3f3c3] {
  margin-bottom: 10px;
}
.sharemultiplayerlink .content .inputs[data-v-23e3f3c3] {
  display: flex;
  flex-direction: row;
}
.sharemultiplayerlink .content .inputs input[data-v-23e3f3c3] {
  width: auto;
}
.sharemultiplayerlink .content .inputs .copy[data-v-23e3f3c3] {
  height: 38px;
  min-height: 38px;
  width: 38px;
  min-width: 38px;
  margin-left: 2px;
}
.blockContent[data-v-fa671396] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.grouplobby .loader[data-v-fa671396] {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.grouplobby > .holder > div[data-v-fa671396] {
  box-sizing: border-box;
}
.grouplobby > .holder .playlists[data-v-fa671396] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.grouplobby > .holder .playlists h1[data-v-fa671396] {
  margin-bottom: 20px;
}
.grouplobby > .holder .playlists .playlist[data-v-fa671396] {
  background-color: #57bfc9;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 10px 5px 5px;
  box-sizing: border-box;
  width: min-content;
  white-space: nowrap;
  max-width: 100%;
  margin-bottom: 5px;
}
.grouplobby > .holder .playlists .playlist .label[data-v-fa671396] {
  color: #fff;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grouplobby > .holder .playlists .playlist .cover[data-v-fa671396] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.grouplobby > .holder .start[data-v-fa671396] {
  display: flex;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.grouplobby > .holder .users[data-v-fa671396] {
  width: min-content;
  margin: auto;
  min-width: 300px;
}
.grouplobby > .holder .users .content[data-v-fa671396] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
  padding-bottom: 0px;
}
.grouplobby > .holder .users .content .list[data-v-fa671396] {
  width: 100%;
  padding-bottom: 10px;
}
.grouplobby > .holder .users .content .form[data-v-fa671396] {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.grouplobby > .holder .users .content .form .row[data-v-fa671396] {
  display: flex;
  flex-direction: row;
}
.grouplobby > .holder .users .content .form .row input[data-v-fa671396] {
  flex-grow: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.grouplobby > .holder .users .content .form .row .submit[data-v-fa671396] {
  width: 39px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.grouplobby > .holder .waitHost[data-v-fa671396] {
  margin-top: 25px;
}
.grouplobby > .holder .shareUrl[data-v-fa671396] {
  margin: auto;
  margin-top: 25px;
}
.grouplobby .backHome[data-v-fa671396] {
  margin: auto;
  margin-top: 25px;
  width: min-content;
  display: block;
}
.grouplobby .params[data-v-fa671396] {
  margin: auto;
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  width: min-content;
}
.grouplobby .params .content[data-v-fa671396] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.grouplobby .params .content .increment[data-v-fa671396]:not(:last-child) {
  margin-bottom: 20px;
}
.grouplobby .serverReboot[data-v-fa671396] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  color: #FFFFFF;
  background-color: #e6bf00;
  padding: 20px;
  border-radius: 20px;
  text-align: center;
  font-size: 24px;
  font-family: "Futura";
}
.grouplobby .serverReboot .back[data-v-fa671396] {
  margin-top: 10px;
}
.blockContent[data-v-5a3fdbd4] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.home[data-v-5a3fdbd4] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}
.home > .holder[data-v-5a3fdbd4] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home > .holder .head[data-v-5a3fdbd4] {
  margin-bottom: 30px;
}
.home > .holder .head > *[data-v-5a3fdbd4] {
  margin-bottom: 10px;
}
.home > .holder .head .light[data-v-5a3fdbd4] {
  opacity: 0.5;
  font-style: italic;
  text-align: center;
  margin-top: -10px;
}
.home > .holder .head .subtitle[data-v-5a3fdbd4] {
  margin-top: 20px;
}
.home > .holder .logo[data-v-5a3fdbd4] {
  max-height: 200px;
  margin-bottom: 30px;
}
.home > .holder .button[data-v-5a3fdbd4] {
  margin-bottom: 10px;
}
.home > .holder .twitch[data-v-5a3fdbd4] {
  position: relative;
}
.home > .holder .twitch .beta[data-v-5a3fdbd4] {
  background-color: #8D24A9;
  padding: 5px 10px;
  position: absolute;
  top: -5px;
  right: -15px;
  border-radius: 5px;
  transform: rotate(20deg);
  color: #fff;
  font-family: Futura;
  pointer-events: none;
}
.home > .holder .or[data-v-5a3fdbd4] {
  margin: 10px 0;
}
.home .footer[data-v-5a3fdbd4] {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  font-style: italic;
}
.home .footer[data-v-5a3fdbd4]  a {
  background-color: rgba(67, 145, 248, 0.1);
  padding: 0 5px;
  border-radius: 5px;
  line-height: 22px;
  transition: all 0.25s;
}
.home .footer[data-v-5a3fdbd4]  a:hover {
  color: #e6bf00;
  background-color: rgba(255, 255, 255, 0.1);
}
.home .footer .changelog[data-v-5a3fdbd4] {
  background-color: #e6bf00;
  border-radius: 10px;
  padding: 3px 8px;
  color: #fff;
  display: inline-block;
}
.home .footer .changelog[data-v-5a3fdbd4]:hover {
  color: #e6bf00;
  background-color: #fff;
}
@media only screen and (max-width: 500px) {
.home > .holder[data-v-5a3fdbd4] {
    width: 90vw;
}
.home > .holder .head .subtitle[data-v-5a3fdbd4] {
    font-size: 18px;
}
}
.blockContent[data-v-d5378f4c] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.SearchTrackResultItem[data-v-d5378f4c] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.SearchTrackResultItem[data-v-d5378f4c]:hover,
.SearchTrackResultItem.hover[data-v-d5378f4c] {
  background-color: #57bfc9;
  color: #fff;
}
.SearchTrackResultItem .label[data-v-d5378f4c] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 55px);
}
.SearchTrackResultItem .label .artist[data-v-d5378f4c] {
  font-size: 12px;
  opacity: 0.7;
  text-transform: uppercase;
}
.SearchTrackResultItem .label .title[data-v-d5378f4c],
.SearchTrackResultItem .label .artist[data-v-d5378f4c] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: bold;
}
.SearchTrackResultItem .icon[data-v-d5378f4c] {
  width: 35px;
  min-width: 35px;
  height: 35px;
  margin-right: 10px;
  object-fit: cover;
  border-radius: 50%;
}
@media only screen and (max-width: 500px) {
.SearchTrackResultItem[data-v-d5378f4c] {
    font-size: 16px;
}
}
.blockContent[data-v-6ddf60c3] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.SearchTrackResultItem[data-v-6ddf60c3] {
  display: flex;
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 10px;
  font-size: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.SearchTrackResultItem[data-v-6ddf60c3]:hover,
.SearchTrackResultItem.hover[data-v-6ddf60c3] {
  background-color: #57bfc9;
  color: #fff;
}
.SearchTrackResultItem .tracks[data-v-6ddf60c3] {
  background-color: #2f9da7;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
  border-radius: 10px;
}
.SearchTrackResultItem .tracks img[data-v-6ddf60c3] {
  height: 14px;
  margin-right: 5px;
}
.SearchTrackResultItem .label[data-v-6ddf60c3] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 55px);
}
.SearchTrackResultItem .label .owner[data-v-6ddf60c3] {
  font-size: 12px;
  opacity: 0.7;
  text-transform: uppercase;
}
.SearchTrackResultItem .label .title[data-v-6ddf60c3],
.SearchTrackResultItem .label .owner[data-v-6ddf60c3] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: bold;
}
.SearchTrackResultItem .icon[data-v-6ddf60c3] {
  width: 35px;
  min-width: 35px;
  height: 35px;
  margin-right: 10px;
  object-fit: cover;
  border-radius: 50%;
}
@media only screen and (max-width: 500px) {
.SearchTrackResultItem[data-v-6ddf60c3] {
    font-size: 16px;
}
}
.blockContent[data-v-344f73f6] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.autocompleteform .form[data-v-344f73f6] {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.autocompleteform .form label[data-v-344f73f6] {
  align-self: flex-start;
}
.autocompleteform .form .input[data-v-344f73f6] {
  transition: all 0.25s;
}
.autocompleteform .form.loading .input[data-v-344f73f6] {
  padding-left: 40px;
}
.autocompleteform .form .clear[data-v-344f73f6],
.autocompleteform .form .spinner[data-v-344f73f6] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
}
.autocompleteform .form .clear.spinner[data-v-344f73f6],
.autocompleteform .form .spinner.spinner[data-v-344f73f6] {
  left: 10px;
}
.autocompleteform .form .clear[data-v-344f73f6] {
  cursor: pointer;
  transition: all 0.2s;
}
.autocompleteform .form .clear[data-v-344f73f6]:hover {
  transform: scale(1.15);
}
.autocompleteform .tracksList[data-v-344f73f6] {
  margin-top: -20px;
  padding-top: 20px;
  padding-bottom: 10px;
  box-sizing: border-box;
  background-color: #b7e6eb;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  position: absolute;
  z-index: 1;
  width: 500px;
  max-width: 100%;
}
.autocompleteform .tracksList .autocomplete[data-v-344f73f6] {
  max-height: 300px;
  height: 400px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  color: #2f9da7;
}
.autocompleteform .noResult[data-v-344f73f6] {
  color: #fff;
  font-style: italic;
  text-align: center;
  padding: 5px 15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  display: block;
  white-space: nowrap;
  margin: auto;
  width: min-content;
  background-color: #e6bf00;
}
@media only screen and (max-width: 500px) {
.autocompleteform .tracksList .autocomplete[data-v-344f73f6] {
    max-height: 200px;
}
}
.blockContent[data-v-847d4210] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.mixcreator[data-v-847d4210] {
  max-width: 90%;
  margin: auto;
  position: relative;
}
.mixcreator .header[data-v-847d4210] {
  text-align: center;
}
.mixcreator .header h1[data-v-847d4210] {
  margin-bottom: 10px;
}
.mixcreator .help[data-v-847d4210] {
  margin: auto;
  display: block;
  width: min-content;
  margin-top: 30px;
}
.mixcreator .help .title[data-v-847d4210] {
  margin: auto;
  display: block;
  background-color: #e6bf00;
  padding: 3px 8px;
  white-space: nowrap;
  cursor: pointer;
  font-weight: normal;
  font-family: "FuturaLight";
  opacity: 1;
}
.mixcreator .help .title[data-v-847d4210]:hover {
  color: #e6bf00;
  background-color: #fff;
}
.mixcreator .help .expand[data-v-847d4210] {
  margin-top: 10px;
  width: 400px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.mixcreator .selectedTracks[data-v-847d4210] {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.mixcreator .selectedTracks .title[data-v-847d4210] {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.mixcreator .selectedTracks .trackItem[data-v-847d4210] {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.mixcreator .selectedTracks .trackItem .track[data-v-847d4210] {
  flex-grow: 1;
  pointer-events: none;
}
.mixcreator .selectedTracks .trackItem .deleteBt[data-v-847d4210],
.mixcreator .selectedTracks .trackItem .stopBt[data-v-847d4210] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}
.mixcreator .actions[data-v-847d4210] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.mixcreator .actions > *[data-v-847d4210]:not(:last-child) {
  margin-right: 10px;
}
.blockContent[data-v-35d9cac2] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.oauth .error[data-v-35d9cac2] {
  color: #fff;
  border-radius: 10px;
  padding: 10px;
  background-color: #e6bf00;
  margin-bottom: 20px;
}
.oauth .error .title[data-v-35d9cac2] {
  font-family: "FuturaExtraBold";
  text-align: center;
  margin-bottom: 10px;
}
.blockContent[data-v-6083b1a4] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.bouncingloader[data-v-6083b1a4] {
  margin: auto;
  position: relative;
}
.bouncingloader .title[data-v-6083b1a4] {
  position: relative;
  font-size: 20px;
  padding-top: 110px;
  text-align: center;
  width: 100%;
}
.bouncingloader .loader[data-v-6083b1a4] {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  transform: translate(-50%, 0);
}
.bouncingloader .icon[data-v-6083b1a4] {
  position: absolute;
  width: 40px;
  top: 30px;
  left: 50%;
  transform: translate(-50%, 0);
}
.blockContent[data-v-950806b8] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.playlistentry[data-v-950806b8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px;
  padding-left: 30px;
  border-radius: 40px;
  background-color: #57bfc9;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
.playlistentry.selected[data-v-950806b8] {
  background-color: #e6bf00;
}
.playlistentry.selected[data-v-950806b8]:hover {
  background-color: #ffd81a;
}
.playlistentry.disabled[data-v-950806b8] {
  pointer-events: none;
  opacity: 0.5;
}
.playlistentry.disabled .cover[data-v-950806b8] {
  width: 25px;
  height: 25px;
}
.playlistentry.disabled .title[data-v-950806b8] {
  font-size: 18px;
}
.playlistentry.disabled .title .label[data-v-950806b8] {
  display: inline;
}
.playlistentry.disabled .title .total[data-v-950806b8] {
  display: inline;
  padding: 2px 5px;
  margin-right: 10px;
}
.playlistentry[data-v-950806b8]:hover {
  background-color: #a4dce2;
}
.playlistentry.fromSearch[data-v-950806b8]:not(.selected) {
  background-color: #84e0e9;
}
.playlistentry.fromSearch[data-v-950806b8]:not(.selected):hover {
  background-color: #afebf1;
}
.playlistentry .cover[data-v-950806b8] {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-left: 20px;
}
.playlistentry .title[data-v-950806b8] {
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  margin-left: 20px;
  text-align: left;
  flex-grow: 1;
}
.playlistentry .title .total[data-v-950806b8] {
  display: inline-block;
  font-weight: normal;
  font-size: 16px;
  width: auto;
  padding: 5px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.15);
}
.playlistentry .title .owner[data-v-950806b8] {
  font-weight: normal;
  font-size: 16px;
  text-transform: capitalize;
  opacity: 0.75;
}
.playlistentry .checkbox[data-v-950806b8] {
  border-radius: 7px;
  background-color: #fff;
  flex-grow: 0;
  min-width: 25px;
  min-height: 25px;
}
.playlistentry .deleteBt[data-v-950806b8] {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 500px) {
.playlistentry[data-v-950806b8] {
    padding-left: 15px;
}
.playlistentry .cover[data-v-950806b8] {
    margin-left: 10px;
}
.playlistentry .title[data-v-950806b8] {
    margin-left: 20px;
}
}
.blockContent[data-v-31307f0c] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.slider .label[data-v-31307f0c] {
  font-family: "Futura";
  font-weight: bold;
  text-align: center;
}
.slider .label[data-v-31307f0c]  i {
  font-family: "FuturaLight";
  font-weight: normal;
  font-size: 16px;
}
.slider .gauge[data-v-31307f0c] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.slider .gauge .item[data-v-31307f0c] {
  border-radius: 20px;
  flex-grow: 1;
  cursor: pointer;
  border: 1px solid #fff;
  padding: 5px;
  margin: 10px 0px;
  max-width: 40px;
}
.slider .gauge .item.selected[data-v-31307f0c] {
  background-color: #fff;
  color: #e6bf00;
}
.blockContent[data-v-5d89dbe9] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.playlistselectorfooter[data-v-5d89dbe9] {
  padding: 15px 0;
  color: #fff;
  font-weight: bold;
  background-color: #e6bf00;
  border-top: 1px solid #fff;
}
.playlistselectorfooter .playlists[data-v-5d89dbe9],
.playlistselectorfooter .tracks[data-v-5d89dbe9] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.playlistselectorfooter .playlists img[data-v-5d89dbe9],
.playlistselectorfooter .tracks img[data-v-5d89dbe9] {
  height: 24px;
  margin-right: 10px;
}
.playlistselectorfooter .playlists[data-v-5d89dbe9]:not(:last-child),
.playlistselectorfooter .tracks[data-v-5d89dbe9]:not(:last-child) {
  margin-bottom: 5px;
}
.playlistselectorfooter .slider[data-v-5d89dbe9] {
  width: 100%;
  max-width: 500px;
  margin: auto;
  margin-top: 20px;
}
.playlistselectorfooter .min[data-v-5d89dbe9] {
  font-family: "Futura";
  background-color: rgba(255, 0, 0, 0.5);
  color: white;
  padding: 10px;
  display: inline-block;
  border-radius: 20px;
  margin: 10px;
}
.playlistselectorfooter .buttons[data-v-5d89dbe9] {
  margin-top: 5px;
}
.playlistselectorfooter .buttons .button[data-v-5d89dbe9] {
  color: #e6bf00;
}
.playlistselectorfooter .buttons .submit[data-v-5d89dbe9] {
  padding: 20px 40px;
}
@media only screen and (max-width: 500px) {
.playlistselectorfooter[data-v-5d89dbe9] {
    padding: 10px;
}
.playlistselectorfooter .playlists[data-v-5d89dbe9],
  .playlistselectorfooter .tracks[data-v-5d89dbe9] {
    font-size: 16px;
}
.playlistselectorfooter .playlists img[data-v-5d89dbe9],
  .playlistselectorfooter .tracks img[data-v-5d89dbe9] {
    height: 18px;
    margin-right: 7px;
}
}
.blockContent[data-v-54abe72d] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.noplaylist[data-v-54abe72d] {
  background-color: #e6bf00;
  padding: 20px;
  color: #fff;
  border-radius: 20px;
}
.noplaylist p[data-v-54abe72d] {
  margin-bottom: 20px;
}
.noplaylist .title[data-v-54abe72d]  strong {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 2px 5px;
  line-height: 30px;
  border-radius: 10px;
}
.noplaylist .list[data-v-54abe72d] {
  margin-top: 20px;
}
.noplaylist .list li[data-v-54abe72d] {
  margin: 5px;
}
.noplaylist .list li a[data-v-54abe72d] {
  display: block;
}
.noplaylist .list li a .icon[data-v-54abe72d] {
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.blockContent[data-v-846380e0] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.blockContent[data-v-143de4a6] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.playlistselector[data-v-143de4a6] {
  margin: auto;
  width: auto;
  text-align: center;
  max-width: 500px;
  padding-bottom: 150px;
}
.playlistselector .loader[data-v-143de4a6] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.playlistselector .loader[data-v-143de4a6] .icon {
  top: 12px;
  width: 70px;
  height: 70px;
}
.playlistselector .header .icon[data-v-143de4a6] {
  height: 50px;
}
.playlistselector .header h1[data-v-143de4a6] {
  margin-bottom: 10px;
}
.playlistselector .header.refused[data-v-143de4a6] {
  margin-top: 70px;
}
.playlistselector .searchForm[data-v-143de4a6] {
  margin-bottom: 20px;
}
.playlistselector .playlists[data-v-143de4a6] {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.playlistselector .playlists .reload[data-v-143de4a6] {
  margin: auto;
  margin-top: 20px;
  display: block;
}
.playlistselector .playlists .playlist[data-v-143de4a6] {
  margin: auto;
  margin-bottom: 5px;
}
.playlistselector .pager[data-v-143de4a6] {
  align-items: center;
  justify-content: center;
  margin: 10px;
  display: flex;
  flex-direction: row;
}
.playlistselector .pager .pageIndex[data-v-143de4a6] {
  margin: 0 20px;
}
.playlistselector .footer[data-v-143de4a6] {
  z-index: 1;
  display: block;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
  width: 100%;
  box-sizing: border-box;
}
.playlistselector .footer.slide-enter-active[data-v-143de4a6],
.playlistselector .footer.slide-leave-active[data-v-143de4a6] {
  transition: all 0.5s;
}
.playlistselector .footer.slide-enter[data-v-143de4a6],
.playlistselector .footer.slide-leave-to[data-v-143de4a6] {
  transform: translate(-50%, 100%);
}
@media only screen and (max-width: 500px) {
.playlistselector .loader[data-v-143de4a6] {
    width: 80vw;
}
}
.blockContent[data-v-201dcc48] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.toggleblock.enabled h2[data-v-201dcc48] {
  cursor: pointer;
}
.toggleblock.enabled h2[data-v-201dcc48]:hover {
  background-color: #7bdee7;
}
.toggleblock h2[data-v-201dcc48] {
  margin-bottom: 0px;
  transition: background-color 0.25s;
  border-radius: 20px;
}
.toggleblock h2 .handle[data-v-201dcc48] {
  margin-right: 10px;
}
.toggleblock h2 .icon[data-v-201dcc48] {
  height: 30px;
  vertical-align: bottom;
  margin-right: 10px;
}
.toggleblock .content[data-v-201dcc48] {
  background-color: #ffffff;
  margin: auto;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.toggleblock.open h2[data-v-201dcc48] {
  margin-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.toggleblock.small h2[data-v-201dcc48] {
  padding: 0 0 5px 0;
  margin: 0;
  border-radius: 10px;
  margin-bottom: 10px;
}
.toggleblock.small.open h2[data-v-201dcc48] {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.toggleblock.small .content[data-v-201dcc48] {
  padding: 0;
}
.toggleblock.disabled[data-v-201dcc48] {
  opacity: 0.5;
}
.blockContent[data-v-c7fc5778] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchauth[data-v-c7fc5778] {
  text-align: center;
}
.twitchauth .loader[data-v-c7fc5778] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.twitchauth .step[data-v-c7fc5778] {
  margin-top: 20px;
}
.twitchauth .step[data-v-c7fc5778]:not(:first-of-type) {
  margin-top: 40px;
}
.twitchauth .step .head[data-v-c7fc5778] {
  font-size: 20px;
  margin-bottom: 10px;
}
.twitchauth .step form[data-v-c7fc5778] {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.twitchauth .step form input[data-v-c7fc5778] {
  width: 100%;
  text-align: center;
}
.twitchauth .step form .submit[data-v-c7fc5778] {
  width: min-content;
  margin-top: 5px;
}
.twitchauth .step form .error[data-v-c7fc5778] {
  color: #fff;
  display: inline-block;
  background-color: #e6bf00;
  padding: 5px 10px;
  width: calc(100% - 30px);
  box-sizing: border-box;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.twitchauth .step .block[data-v-c7fc5778] {
  margin-bottom: 20px;
}
.twitchauth .step .block .twitchExt[data-v-c7fc5778] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchauth .step .block .twitchExt > *[data-v-c7fc5778]:not(:last-child) {
  margin-bottom: 5px;
}
.twitchauth .step .block .twitchExt .getAccess[data-v-c7fc5778] {
  font-size: 14px;
  font-style: italic;
  margin-top: -6px;
  margin-bottom: 10px;
  color: #c03131;
}
.twitchauth .step .block .url[data-v-c7fc5778] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.twitchauth .step .block .url .text[data-v-c7fc5778] {
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 20px;
  background-color: #57bfc9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 300px;
}
.twitchauth .step .block .url .text[data-v-c7fc5778]:hover {
  word-wrap: break-word;
  overflow: visible;
  white-space: normal;
}
.twitchauth .step .block .url .button[data-v-c7fc5778] {
  padding: 5px 10px 5px 5px;
}
.twitchauth .step .block .url .button[data-v-c7fc5778] .icon {
  margin-left: 0px;
  margin-right: 0px;
}
.twitchauth .step .block .dmca div[data-v-c7fc5778],
.twitchauth .step .block .dmca .button[data-v-c7fc5778] {
  margin-bottom: 10px;
}
.twitchauth .spotifyConnect > *[data-v-c7fc5778] {
  margin-bottom: 20px;
}
.blockContent[data-v-adc4977a] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchbroadcaster[data-v-adc4977a] {
  text-align: center;
}
.twitchbroadcaster .icon[data-v-adc4977a] {
  height: 150px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
.twitchbroadcaster .holder[data-v-adc4977a] {
  background-color: #57bfc9 !important;
  padding: 10px;
  border-radius: 7px;
  color: #fff;
}
.twitchbroadcaster .holder .button[data-v-adc4977a] {
  margin-top: 20px;
}
.twitchbroadcaster .holder .url[data-v-adc4977a] {
  font-size: 14px;
  font-style: italic;
  margin: auto;
  margin-top: 10px;
  color: #57bfc9;
  background-color: #fff;
  padding: 5px;
  border-radius: 10px;
  white-space: nowrap;
  width: min-content;
}
.blockContent[data-v-b6ac5108] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchbroadcastercontrols .controls[data-v-b6ac5108] {
  margin-top: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchbroadcastercontrols .controls button[data-v-b6ac5108] {
  min-width: 200px;
  margin-bottom: 5px;
}
.twitchbroadcastercontrols .tracks[data-v-b6ac5108] {
  margin-top: 20px;
}
.twitchbroadcastercontrols .tracks .track[data-v-b6ac5108] {
  margin-bottom: 5px;
}
.twitchbroadcastercontrols .timer[data-v-b6ac5108] {
  display: block;
  margin: auto;
  width: min-content;
  margin-top: 20px;
  font-size: 30px;
  font-family: "Futura";
  font-weight: bold;
}
.twitchbroadcastercontrols .volume[data-v-b6ac5108] {
  margin: auto;
  margin-top: 50px;
}
.blockContent[data-v-65c7df02] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchextensionconfiguration[data-v-65c7df02] {
  text-align: center;
}
.twitchextensionconfiguration *[data-v-65c7df02] {
  margin-bottom: 10px;
}
.twitchextensionconfiguration .logo[data-v-65c7df02] {
  width: 150px;
}
.blockContent[data-v-3e44fc95] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchintro[data-v-3e44fc95] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchintro .logo[data-v-3e44fc95] {
  height: 200px;
}
.twitchintro > *[data-v-3e44fc95] {
  margin-bottom: 20px;
}
.twitchintro strong[data-v-3e44fc95] {
  color: #e6bf00;
}
.twitchintro .head[data-v-3e44fc95] {
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
}
.twitchintro .error[data-v-3e44fc95] {
  color: #fff;
  background-color: #c03131;
  border-radius: 10px;
  margin: auto;
  margin-bottom: 20px;
  margin-top: -20px;
  padding: 5px;
  width: min-content;
  white-space: nowrap;
}
.twitchintro .success[data-v-3e44fc95] {
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
  padding: 5px;
  border-radius: 10px;
  background-color: #57bfc9;
}
.twitchintro .form[data-v-3e44fc95] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
}
.twitchintro .form input[data-v-3e44fc95] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.twitchintro .form .submit[data-v-3e44fc95] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.blockContent[data-v-842068ae] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.TwitchGameStatus .fadeIn-enter-active[data-v-842068ae],
.TwitchGameStatus .fadeIn-leave-active[data-v-842068ae] {
  opacity: 1;
  transition: opacity 1.5s;
}
.TwitchGameStatus .fadeIn-enter[data-v-842068ae],
.TwitchGameStatus .fadeIn-leave-to[data-v-842068ae] {
  opacity: 0;
}
.TwitchGameStatus .title[data-v-842068ae] {
  text-align: center;
  margin-bottom: 0.55em;
}
.TwitchGameStatus .title .expertMode[data-v-842068ae] {
  background-color: #e6bf00;
  color: white;
  font-weight: bold;
  padding: 0.3em;
  border-radius: 0.5em;
  width: min-content;
  margin: auto;
  margin-top: 0.4em;
}
.TwitchGameStatus .title .expertMode .head[data-v-842068ae] {
  white-space: nowrap;
  font-size: 1.5em;
}
.TwitchGameStatus .title .expertMode .head img[data-v-842068ae] {
  height: 0.7em;
  vertical-align: middle;
}
.TwitchGameStatus .title .expertMode .type[data-v-842068ae] {
  white-space: nowrap;
  color: #c03131;
}
.TwitchGameStatus .title .expertMode .type[data-v-842068ae]::before {
  content: "";
  width: 0.75em;
  height: 0.65em;
  display: inline-block;
  margin-right: 5px;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url("/assets/cross-0b0ffcc3.svg");
}
.TwitchGameStatus .title .expertMode .type.active[data-v-842068ae] {
  color: white;
}
.TwitchGameStatus .title .expertMode .type.active[data-v-842068ae]::before {
  width: 0.75em;
  height: 0.75em;
  background-image: url("/assets/checkmark_white-544cf2c7.svg");
}
.TwitchGameStatus .logo[data-v-842068ae] {
  height: 7em;
}
.TwitchGameStatus .joinBt[data-v-842068ae] {
  background-color: #e6bf00 !important;
  padding: 0.8em !important;
  border-radius: 1em;
}
.TwitchGameStatus .joinBt[data-v-842068ae]:hover {
  background-color: #e6bf00 !important;
}
.TwitchGameStatus .playlistsHolder[data-v-842068ae] {
  background-color: #57bfc9 !important;
  padding: 0.8em;
  border-radius: 1em;
  margin-top: 10px;
  max-width: 80vw;
}
.TwitchGameStatus .playlistsHolder .playlistsTitle[data-v-842068ae] {
  font-size: 1.5em;
  color: #fff;
  font-weight: bold;
  font-family: "Futura";
  margin-bottom: 0.5em;
}
.TwitchGameStatus .playlistsHolder .playlists[data-v-842068ae] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.TwitchGameStatus .playlistsHolder .playlists .playlist[data-v-842068ae] {
  position: relative;
  background-color: #fff;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.1em 0.5em 0.1em 0.1em;
  box-sizing: border-box;
  width: min-content;
  white-space: nowrap;
  max-width: 100%;
  margin-bottom: 0.5em;
}
.TwitchGameStatus .playlistsHolder .playlists .playlist[data-v-842068ae]:not(:last-child) {
  margin-right: 0.5em;
}
.TwitchGameStatus .playlistsHolder .playlists .playlist .label[data-v-842068ae] {
  color: #57bfc9;
  margin-left: 0.3em;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TwitchGameStatus .playlistsHolder .playlists .playlist .cover[data-v-842068ae] {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  object-fit: cover;
}
.blockContent[data-v-918879da] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchviewercontrols .openBt[data-v-918879da] {
  position: absolute;
  width: 35px;
  height: 35px;
  padding: 5px;
  bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.twitchviewercontrols .content[data-v-918879da] {
  background-color: #57bfc9;
  bottom: 0;
  position: absolute;
  padding: 10px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.twitchviewercontrols .slide-enter-active[data-v-918879da],
.twitchviewercontrols .slide-leave-active[data-v-918879da] {
  transition: all 0.5s;
  transform: translate(0, 0);
}
.twitchviewercontrols .slide-enter[data-v-918879da],
.twitchviewercontrols .slide-leave-to[data-v-918879da] {
  transform: translate(-100%, 0);
}
.blockContent[data-v-642c5823] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchviewergame[data-v-642c5823] {
  position: relative;
}
.twitchviewergame .countdown[data-v-642c5823] {
  position: absolute;
  z-index: 4;
}
.twitchviewergame .step[data-v-642c5823] {
  position: absolute;
  width: 100%;
  height: 5.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: Futura;
  z-index: 2;
  box-sizing: border-box;
}
.twitchviewergame .step h1[data-v-642c5823] {
  font-size: 1em;
}
.twitchviewergame .step .count[data-v-642c5823] {
  font-size: 1em;
  font-family: FuturaExtraBold;
  margin-top: 5px;
}
.twitchviewergame .timer[data-v-642c5823] {
  width: 5.5em;
  height: 5.5em;
  margin: auto;
  z-index: 3;
}
.twitchviewergame .tracks[data-v-642c5823] {
  width: 100vw;
  max-width: calc(100vw - 10em);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}
.twitchviewergame .tracks .track[data-v-642c5823] {
  width: 45%;
  margin: 0.3em;
  border: 0.17em solid #ffffff;
  border-radius: 2.1em;
  background-color: #ffffff;
  box-sizing: border-box;
}
.twitchviewergame .tracks .track .actualTrack[data-v-642c5823] {
  height: 100%;
}
.twitchviewergame .tracks.center3rd .track[data-v-642c5823]:nth-child(3) {
  display: block;
  margin: 0 4em;
}
.blockContent[data-v-a837120c] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchviewerleaderboard .nav[data-v-a837120c] {
  text-align: center;
  margin-top: 20px;
}
.twitchviewerleaderboard .scrollable[data-v-a837120c] {
  height: 20em;
  overflow: hidden;
}
.twitchviewerleaderboard .scrollable .page[data-v-a837120c] {
  height: 20em;
  overflow: auto;
  box-sizing: border-box;
}
.twitchviewerleaderboard .scrollable .podium[data-v-a837120c] {
  left: auto;
  right: auto;
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: flex-end;
  min-width: 20em;
  width: min-content;
}
.twitchviewerleaderboard .scrollable .podium .user[data-v-a837120c] {
  flex-grow: 1;
  position: relative;
  text-align: center;
  max-width: 10em;
}
.twitchviewerleaderboard .scrollable .podium .user .name[data-v-a837120c] {
  font-family: "Futura";
  font-size: 2em;
  word-wrap: break-word;
  padding-left: 20px;
  padding-right: 20px;
}
.twitchviewerleaderboard .scrollable .podium .user .score[data-v-a837120c] {
  font-family: "FuturaExtraBold";
  font-size: 2.5em;
}
.twitchviewerleaderboard .scrollable .podium .user .score .exp[data-v-a837120c] {
  font-family: "Futura";
  font-size: 0.5em;
  vertical-align: top;
}
.twitchviewerleaderboard .scrollable .podium .user .background[data-v-a837120c] {
  -webkit-text-stroke: 0.5em #ffffff;
}
.twitchviewerleaderboard .scrollable .podium .user .foreground[data-v-a837120c] {
  position: absolute;
  top: 0;
  margin: auto;
  width: 100%;
}
.twitchviewerleaderboard .scrollable .podium .user .step[data-v-a837120c] {
  margin-top: 0.5em;
  width: calc(100% - 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "FuturaExtraBold";
  font-size: 2em;
  border-radius: 0.5em;
}
.twitchviewerleaderboard .scrollable .podium .user:nth-child(1) .step[data-v-a837120c] {
  height: 3em;
  background-color: #57bfc9;
}
.twitchviewerleaderboard .scrollable .podium .user:nth-child(2) .step[data-v-a837120c] {
  height: 4em;
  background-color: #57bfc9;
}
.twitchviewerleaderboard .scrollable .podium .user:nth-child(3) .step[data-v-a837120c] {
  height: 2em;
  background-color: #57bfc9;
}
.twitchviewerleaderboard .scrollable .otherPlayers[data-v-a837120c] {
  margin-top: 20px;
  margin-bottom: 20px;
  height: calc(20em - 20px);
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 1em;
  overflow: hidden;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable[data-v-a837120c] {
  overflow: auto;
  padding: 10px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable[data-v-a837120c]::-webkit-scrollbar {
  display: none;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user[data-v-a837120c] {
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 0.2em;
  padding: 0.2em 0.5em;
  border-radius: 20px;
  box-sizing: border-box;
  color: #2f9da7;
  align-items: center;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user .name[data-v-a837120c] {
  flex-grow: 1;
  text-align: center;
  font-family: "Futura";
  font-size: 1.25em;
  margin-right: 10px;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user .score[data-v-a837120c] {
  font-family: "Futura";
  font-size: 1.5em;
  min-width: 40px;
  text-align: left;
  font-weight: bold;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user .score .exp[data-v-a837120c] {
  font-family: "Futura";
  font-size: 14px;
  vertical-align: top;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user .pos[data-v-a837120c] {
  font-size: 1em;
  font-family: "Futura";
  text-align: left;
  margin-right: 10px;
  min-width: 2em;
}
.blockContent[data-v-368d16b3] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchviewer[data-v-368d16b3] {
  text-align: center;
}
.twitchviewer .controls[data-v-368d16b3] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.blockContent[data-v-62062917] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchextension > .frameholder[data-v-62062917] {
  position: absolute;
  top: 5rem;
  bottom: 5rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.twitchextension .loader[data-v-62062917] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.twitchextension .loader[data-v-62062917] .icon {
  top: 12px;
  width: 70px;
  height: 70px;
}
.blockContent[data-v-e8cd531c] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchobs[data-v-e8cd531c] {
  width: 100vw;
  height: 100vh;
  transition: font-size 0.3s;
}
.twitchobs .subView[data-v-e8cd531c] {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.twitchobs .loader[data-v-e8cd531c] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.twitchobs .loader[data-v-e8cd531c] .icon {
  top: 12px;
  width: 70px;
  height: 70px;
}
.blockContent[data-v-fc700552] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchlobby .loader[data-v-fc700552] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.twitchlobby .playlists[data-v-fc700552] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchlobby .playlists h1[data-v-fc700552] {
  margin-bottom: 20px;
}
.twitchlobby .playlists .playlist[data-v-fc700552] {
  background-color: #57bfc9;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 10px 5px 5px;
  box-sizing: border-box;
  width: min-content;
  white-space: nowrap;
  max-width: 100%;
  margin-bottom: 5px;
}
.twitchlobby .playlists .playlist .label[data-v-fc700552] {
  color: #fff;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.twitchlobby .playlists .playlist .cover[data-v-fc700552] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.twitchlobby .multipleWinners[data-v-fc700552] {
  max-width: 300px;
  margin: auto;
  box-sizing: border-box;
}
.twitchlobby .obsConfig[data-v-fc700552] {
  max-width: 300px;
  margin: auto;
  box-sizing: border-box;
}
.twitchlobby .obsConfig .content[data-v-fc700552] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchlobby .obsConfig .content .url[data-v-fc700552] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.twitchlobby .obsConfig .content .url .text[data-v-fc700552] {
  color: #ffffff;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 20px;
  background-color: #57bfc9;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 200px;
}
.twitchlobby .obsConfig .content .url .text[data-v-fc700552]:hover {
  word-wrap: break-word;
  overflow: visible;
  white-space: normal;
}
.twitchlobby .obsConfig .content .url .button[data-v-fc700552] {
  padding: 5px 10px 5px 5px;
}
.twitchlobby .obsConfig .content .url .button[data-v-fc700552] .icon {
  margin-left: 0px;
  margin-right: 0px;
}
.twitchlobby .params[data-v-fc700552] {
  margin: auto;
  width: min-content;
}
.twitchlobby .params .noBg[data-v-fc700552] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.twitchlobby .params .noBg label[data-v-fc700552] {
  cursor: pointer;
  margin: 0;
  margin-left: 10px;
  white-space: nowrap;
}
.twitchlobby .block[data-v-fc700552] {
  margin-bottom: 20px;
}
.twitchlobby .block .content[data-v-fc700552] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.twitchlobby .start[data-v-fc700552] {
  display: flex;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.twitchlobby .players[data-v-fc700552] {
  margin-left: auto;
  margin-right: auto;
  width: 350px;
}
.twitchlobby .players .command[data-v-fc700552] {
  margin-bottom: 10px;
  text-align: center;
}
.twitchlobby .players .command input[data-v-fc700552] {
  text-align: center;
}
.twitchlobby .players .command .info[data-v-fc700552] {
  font-size: 14px;
}
.twitchlobby .players .command .sendToChat[data-v-fc700552] {
  margin-top: 10px;
}
.twitchlobby .players .playersCount[data-v-fc700552] {
  text-align: center;
  font-style: italic;
  margin-bottom: 10px;
}
.twitchlobby .players .playersCount .icon[data-v-fc700552] {
  height: 18px;
  margin-right: 5px;
  vertical-align: top;
}
.twitchlobby .players .users[data-v-fc700552] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.twitchlobby .players .users .user[data-v-fc700552] {
  background-color: #a4dce2;
  border-radius: 15px;
  padding: 0 10px;
  color: #2f9da7;
  width: min-content;
  margin-bottom: 5px;
  margin-right: 5px;
  max-width: 50%;
  box-sizing: border-box;
}
.twitchlobby .players .users .user .text[data-v-fc700552] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}
.blockContent {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.alert {
  background-color: #c00;
  color: #fff;
  padding: 20px;
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 1;
  position: fixed;
  top: 0;
  cursor: pointer;
}
.alert .label {
  max-width: 600px;
  margin: auto;
  padding: 0 30px 0 10px;
  text-align: center;
}
.alert .label::after {
  content: " ";
  background-image: url("/assets/cross_white-a9bffd19.svg");
  position: absolute;
  top: 16px;
  right: 10px;
  margin-left: 20px;
  width: 20px;
  height: 20px;
}
.blockContent[data-v-55c50bff] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.confirmView[data-v-55c50bff] {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.confirmView.hidden[data-v-55c50bff] {
  display: none;
}
.confirmView .dimmer[data-v-55c50bff] {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.confirmView .holder[data-v-55c50bff] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background-color: #fff;
  padding: 30px;
  width: 400px;
  box-sizing: border-box;
  border-radius: 20px;
}
.confirmView .holder .title[data-v-55c50bff] {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  font-family: "Futura";
}
.confirmView .holder .description[data-v-55c50bff] {
  margin-top: 20px;
  font-family: "FuturaLight";
}
.confirmView .holder .buttons[data-v-55c50bff] {
  display: flex;
  flex-direction: row;
  max-width: 220px;
  margin: auto;
  margin-top: 30px;
  justify-content: space-between;
}
.confirmView .holder .buttons button[data-v-55c50bff] {
  width: 100px;
}
@media only screen and (max-width: 500px) {
.confirm .holder[data-v-55c50bff] {
    padding: 15px;
    width: 90vw;
}
.confirm .holder .title[data-v-55c50bff] {
    font-size: 22px;
}
.confirm .holder .buttons[data-v-55c50bff] {
    margin-top: 15px;
}
.confirm .holder .buttons button[data-v-55c50bff] {
    font-size: 18px;
    padding: 10px;
}
}
@media only screen and (max-width: 360px) {
.confirm .holder[data-v-55c50bff] {
    padding: 15px;
    width: 90vw;
}
.confirm .holder .title[data-v-55c50bff] {
    font-size: 20px;
}
.confirm .holder .buttons[data-v-55c50bff] {
    margin-top: 15px;
}
.confirm .holder .buttons button[data-v-55c50bff] {
    font-size: 15px;
    padding: 10px;
}
}
.blockContent {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.confirm .holder .description strong {
  color: #e6bf00;
  font-weight: bold;
}
.blockContent[data-v-0f953ea2] {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
.app[data-v-0f953ea2] {
  min-height: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  background-color: #def2f4;
}
.app.noBg[data-v-0f953ea2] {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  overflow: hidden;
}
.app.noBg .content[data-v-0f953ea2] {
  max-width: none;
}
.app .content[data-v-0f953ea2] {
  max-width: 500px;
  margin: auto;
}
.app .button.backHome[data-v-0f953ea2] {
  position: fixed;
  top: 0;
  left: 0;
  border-radius: 0;
  border-bottom-right-radius: 50%;
  z-index: 1;
}
.app .button.backHome.slide-enter-active[data-v-0f953ea2],
.app .button.backHome.slide-leave-active[data-v-0f953ea2] {
  transition: all 0.5s;
  transform: translate(0, 0);
}
.app .button.backHome.slide-enter[data-v-0f953ea2],
.app .button.backHome.slide-leave-to[data-v-0f953ea2] {
  transform: translate(-100%, -100%);
}
.app .sockStatus[data-v-0f953ea2] {
  position: fixed;
  bottom: 2px;
  left: 2px;
  opacity: 0.25;
  font-size: 12px;
  color: black;
}
.app .sockStatus[data-v-0f953ea2]::before {
  content: "";
  background: red;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.app .sockStatus.online[data-v-0f953ea2]::before {
  background: green;
}
@media only screen and (max-width: 500px) {
.app .content[data-v-0f953ea2] {
    width: 90%;
}
}
.blockContent {
  margin-top: -5px;
  padding: 10px;
  box-sizing: border-box;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-color: #ffffff;
}
@font-face {
  font-family: "Futura";
  src: url("/assets/FuturaStd-Medium-befadcf8.woff") format('woff');
}
@font-face {
  font-family: "Futura";
  font-style: italic;
  src: url("/assets/FuturaStd-MediumOblique-75b08e8b.woff") format('woff');
}
@font-face {
  font-family: "Futura";
  font-weight: bold;
  src: url("/assets/FuturaStd-Heavy-1b0c216c.woff") format('woff');
}
@font-face {
  font-family: "Futura";
  font-weight: bold;
  font-style: italic;
  src: url("/assets/FuturaStd-HeavyOblique-1165953a.woff") format('woff');
}
@font-face {
  font-family: "FuturaExtraBold";
  src: url("/assets/FuturaStd-ExtraBold-f9de5db6.woff") format('woff');
}
@font-face {
  font-family: "FuturaExtraBold";
  font-style: italic;
  src: url("/assets/FuturaStd-ExtraBoldOblique-0f626e00.woff") format('woff');
}
@font-face {
  font-family: "FuturaLight";
  src: url("/assets/FuturaStd-Light-5c440812.woff") format('woff');
}
@font-face {
  font-family: "FuturaLight";
  font-style: italic;
  src: url("/assets/FuturaStd-LightOblique-8038208c.woff") format('woff');
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after {
  content: '';
  content: none;
}
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
strong {
  font-weight: bold;
}
i {
  font-style: italic;
}
input,
textarea,
select {
  color: #2f9da7;
  border-radius: 20px;
  border: none;
  border-top: 1px solid #2f9da7;
  border-right: 1px solid #2f9da7;
  background-color: #def2f4;
  font-size: 16px;
  padding: 10px;
  box-sizing: border-box;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  font-style: italic;
  color: rgba(0, 0, 0, 0.25);
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input:-webkit-autofill:hover,
textarea:-webkit-autofill:hover,
select:-webkit-autofill:hover,
input:-webkit-autofill:active,
textarea:-webkit-autofill:active,
select:-webkit-autofill:active,
input:-webkit-autofill:valid,
textarea:-webkit-autofill:valid,
select:-webkit-autofill:valid,
input:-webkit-autofill:focus,
textarea:-webkit-autofill:focus,
select:-webkit-autofill:focus {
  color: #2f9da7;
  background-color: #def2f4;
  box-shadow: none !important;
}
input.dark,
textarea.dark,
select.dark {
  color: #2f9da7;
  background-color: #b7e6eb;
}
input.small,
textarea.small,
select.small {
  padding: 5px;
}
input::-webkit-scrollbar,
textarea::-webkit-scrollbar,
select::-webkit-scrollbar {
  display: none;
}
input:disabled,
textarea:disabled,
select:disabled {
  color: rgba(255, 255, 255, 0.5);
}
input:disabled.dark,
textarea:disabled.dark,
select:disabled.dark {
  color: rgba(87, 191, 201, 0.25);
}
textarea {
  min-height: 65px;
}
input[type="submit"],
button,
.button {
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 10px 20px;
  font-size: 16px;
  color: #2f9da7;
  font-weight: bold;
  font-family: "Futura";
  color: #fff;
  background-color: #57bfc9;
  transition: color 0.25s, background-color 0.25s;
  padding-top: 12px;
  box-sizing: border-box;
  text-align: center;
}
input[type="submit"]:hover,
button:hover,
.button:hover {
  background-color: #a4dce2;
}
input[type="submit"].dark,
button.dark,
.button.dark {
  color: #fff;
  background-color: #2f9da7;
}
input[type="submit"].dark:hover,
button.dark:hover,
.button.dark:hover {
  background-color: #b7e6eb;
}
input[type="submit"].disabled,
button.disabled,
.button.disabled {
  pointer-events: none;
  color: rgba(47, 157, 167, 0.25);
}
input[type="submit"].disabled.dark,
button.disabled.dark,
.button.disabled.dark {
  color: rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.5);
}
input[type="cancel"],
button[type="cancel"] {
  background-color: #84e0e9;
}
input[type="cancel"]:hover,
button[type="cancel"]:hover {
  background-color: #afebf1;
}
label {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}
.infinitelist-mainHolder .infinitelist-itemsHolder {
  user-select: none;
}
.infinitelist-mainHolder .infinitelist-itemsHolder .listItem {
  width: 100%;
}
.infinitelist-mainHolder .infinitelist-scrollbar-cursor {
  background-color: #57bfc9;
}
body,
html {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "FuturaLight", Helvetica, Arial, sans-serif;
  font-size: 18px;
  color: #57bfc9;
  width: 100%;
  height: 100%;
}
h1 {
  font-weight: bold;
  text-align: center;
  font-size: 40px;
  font-family: "Futura";
}
h2 {
  font-family: "Futura";
  font-weight: bold;
  font-size: 25px;
  border-bottom: 1px solid;
  padding-bottom: 5px;
  margin-bottom: 5px;
  text-align: center;
  padding: 10px;
  color: #2f9da7;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: #a4dce2;
}
h2.highlight {
  color: #fff;
  background-color: #57bfc9;
}
.subtitle {
  font-family: "Futura";
  text-align: center;
  font-size: 20px;
}
a {
  text-decoration: none;
  color: #4391f8;
}
.frame {
  border: 1px solid #2f9da7;
  border-radius: 10px;
  overflow: hidden;
}
.frame h1 {
  background-color: #2f9da7;
  color: #fff;
  padding: 10px;
}
.backBt {
  margin: auto;
  position: absolute !important;
  left: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
}
.header {
  font-size: 20px;
  margin-bottom: 20px;
  padding: 20px;
  color: #2f9da7;
  border-radius: 25px;
  background-color: #a4dce2;
}
@media only screen and (max-width: 500px) {
  h1 {
    font-size: 30px;
  }
}
#lessVars .mainColor_light {
  color: #84e0e9;
}
#lessVars .mainColor_normal {
  color: #57bfc9;
}
#lessVars .mainColor_dark {
  color: #2f9da7;
}
#lessVars .mainColor_highlight {
  color: #4391f8;
}
#lessVars .mainColor_warn {
  color: #e6bf00;
}
#lessVars .mainColor_light_light {
  color: #afebf1;
}
#lessVars .mainColor_normal_light {
  color: #a4dce2;
}
#lessVars .mainColor_dark_light {
  color: #b7e6eb;
}
#lessVars .mainColor_highlight_light {
  color: #74aefa;
}
#lessVars .mainColor_warn_light {
  color: #ffd81a;
}
#lessVars .mainColor_light_extralight {
  color: #ffffff;
}
#lessVars .mainColor_normal_extralight {
  color: #def2f4;
}
#lessVars .mainColor_dark_extralight {
  color: #ffffff;
}
#lessVars .mainColor_highlight_extralight {
  color: #d7e7fd;
}
#lessVars .mainColor_warn_extralight {
  color: #fff2b3;
}