.blockContent[data-v-252aec22] {
  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-252aec22] {
  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-252aec22]:not(.browse) {
  pointer-events: none;
}
.button.noTitle[data-v-252aec22] {
  margin: 0;
  padding: 7px;
}
.button.noTitle .icon[data-v-252aec22] {
  height: 100%;
  max-height: 26px;
  margin: 0;
  padding: 0;
}
.button.noTitle.big[data-v-252aec22] {
  padding: 19px;
}
.button.noTitle.big .icon[data-v-252aec22] {
  min-width: 40px;
  max-height: 40px;
}
.button.checkbox[data-v-252aec22] {
  background: none;
  padding: 0px;
  border-radius: 0;
  margin: 0;
  display: inline-block;
}
.button.checkbox .checkboxInput[data-v-252aec22] {
  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-252aec22] {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  align-items: center;
}
.button .checkboxContent .checkmark[data-v-252aec22] {
  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-252aec22] {
  width: 80%;
  margin: 0;
  padding: 0;
}
.button .checkboxContent .label[data-v-252aec22] {
  flex-grow: 1;
  margin-left: 7px;
  justify-self: flex-start;
  text-align: left;
  width: max-content;
  color: #57bfc9;
}
.button .checkboxContent[data-v-252aec22]:hover {
  background: none;
}
.button .checkboxContent:hover .checkmark[data-v-252aec22] {
  background-color: rgba(87, 191, 201, 0.3);
}
.button .icon[data-v-252aec22] {
  max-height: 20px;
  width: 30px;
  margin-right: 10px;
  vertical-align: middle;
}
.button .spinner[data-v-252aec22] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  vertical-align: middle;
  height: 34px;
  width: 34px;
}
.button .label[data-v-252aec22] {
  flex-grow: 1;
  white-space: nowrap;
}
.button .label[data-v-252aec22],
.button .icon[data-v-252aec22] {
  opacity: 1;
  transition: opacity 0.2s;
}
.button .label.hide[data-v-252aec22],
.button .icon.hide[data-v-252aec22] {
  opacity: 0.25;
}
.button .browse[data-v-252aec22] {
  opacity: 0;
  position: absolute;
  z-index: 0;
  left: 0;
  width: 100%;
  height: 200%;
  cursor: pointer;
  font-size: 0px;
}
.button.white[data-v-252aec22] {
  color: #57bfc9;
  background-color: #fff;
}
.button.white .label.hide[data-v-252aec22],
.button.white .icon.hide[data-v-252aec22] {
  opacity: 0.4;
}
.button.white[data-v-252aec22]:not(.loading):hover {
  background-color: #ffffff;
}
.button.white.loading[data-v-252aec22] {
  background-color: rgba(255, 255, 255, 0.5);
}
.button.white .checkboxContent .checkmark[data-v-252aec22] {
  border-color: #fff;
}
.button.white .checkboxContent .label[data-v-252aec22] {
  color: #fff;
}
.button.big[data-v-252aec22] {
  padding: 20px;
}
.button.big .label[data-v-252aec22] {
  font-size: 33px;
}
.button.big .icon[data-v-252aec22] {
  min-width: 30px;
  min-height: 30px;
}
.button.big.checkbox[data-v-252aec22] {
  padding: 0;
}
.button.big.checkbox .checkboxContent .checkmark[data-v-252aec22] {
  border-radius: 13px;
  width: 40px;
  height: 40px;
}
.button.highlight[data-v-252aec22] {
  color: #ffffff;
  background-color: #e6bf00;
}
.button.highlight.disabled[data-v-252aec22] {
  background-color: rgba(230, 191, 0, 0.5);
}
.button.highlight .label.hide[data-v-252aec22],
.button.highlight .icon.hide[data-v-252aec22] {
  opacity: 0.4;
}
.button.highlight[data-v-252aec22]:not(.loading):hover {
  background-color: #ffd81a;
}
.button.highlight.loading[data-v-252aec22] {
  background-color: rgba(230, 191, 0, 0.5);
}
.button.highlight.selected[data-v-252aec22] {
  background-color: #fff2b3;
}
.button.selected[data-v-252aec22]:not(.highlight) {
  background-color: #e6bf00;
  color: #fff;
}
.button.selected:not(.highlight).disabled[data-v-252aec22] {
  background-color: rgba(230, 191, 0, 0.5);
}
.button.selected[data-v-252aec22]:not(.highlight):hover {
  background-color: rgba(164, 220, 226, 0.5);
}
.button.small[data-v-252aec22] {
  padding: 5px 10px;
  border-radius: 7px;
  font-size: 17px;
  text-transform: none;
}
.button.disabled[data-v-252aec22] {
  background-color: rgba(87, 191, 201, 0.5);
}
.button.disabled[data-v-252aec22]:hover {
  background-color: rgba(87, 191, 201, 0.5);
}
.button.disabled .icon[data-v-252aec22] {
  opacity: 0.4;
}
@media only screen and (max-width: 500px) {
.button.noTitle.big[data-v-252aec22],
  .button.big[data-v-252aec22] {
    padding: 12px;
}
.button.noTitle.big .label[data-v-252aec22],
  .button.big .label[data-v-252aec22] {
    font-size: 25px;
}
.button.noTitle.big .icon[data-v-252aec22],
  .button.big .icon[data-v-252aec22] {
    min-width: 25px;
    min-height: 25px;
}
}
.blockContent[data-v-47700a68] {
  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-47700a68] {
  cursor: pointer;
}
.needinteractionlayer .dimmer[data-v-47700a68] {
  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-47700a68] {
  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-47700a68] {
  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-47700a68] {
  width: 40px;
}
.needinteractionlayer .content .iconHolder .loader[data-v-47700a68] {
  position: absolute;
  width: 70px;
  left: 50%;
  transform: translate(-50%, -20%);
}
.needinteractionlayer .content .text[data-v-47700a68] {
  position: relative;
  z-index: 2;
  text-align: center;
}
.blockContent[data-v-bbdcf0ad] {
  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-bbdcf0ad] {
  position: fixed;
  pointer-events: none;
  z-index: 100;
}
.tooltip > .holder[data-v-bbdcf0ad] {
  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-bbdcf0ad] {
  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-bbdcf0ad] {
  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-bbdcf0ad] {
    display: none;
}
}
.blockContent[data-v-96ccf5d6] {
  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-96ccf5d6] {
  margin-bottom: 50px;
}
.changelog .log .date[data-v-96ccf5d6] {
  font-weight: bold;
  text-align: center;
}
.changelog .log ul[data-v-96ccf5d6] {
  list-style: disc;
}
.changelog .log ul li[data-v-96ccf5d6] {
  margin-bottom: 5px;
}
.changelog .log ul li[data-v-96ccf5d6] 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-96ccf5d6] a:hover {
  color: #e6bf00;
  background-color: rgba(255, 255, 255, 0.1);
}
.blockContent[data-v-c489adbe] {
  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-c489adbe] {
  margin-bottom: 10px;
}
.democonfig .content[data-v-c489adbe] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.democonfig .content .number[data-v-c489adbe] {
  font-size: 40px;
  margin-bottom: 10px;
}
.democonfig .content .number[data-v-c489adbe] .icon {
  width: 40px;
}
.blockContent[data-v-b24ad3d6] {
  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-b24ad3d6] {
  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-b24ad3d6] {
  width: 3em;
  height: 3em;
  min-width: 3em;
  min-height: 3em;
}
.trackentry > .icon .icon[data-v-b24ad3d6] {
  height: 100%;
  width: 100%;
}
.trackentry > .icon .score[data-v-b24ad3d6] {
  font-family: "Futura";
  font-weight: bold;
  font-size: 1.5em;
  color: #e6bf00;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20300%20300'%20style='enable-background:new%200%200%20300%20300;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cg%3e%3cpath%20class='st0'%20d='M289.7,127.4l-62.9,61.3l14.9,86.6c0.2,1.2,0.2,2.3,0.2,3.5c0,4.5-2.1,8.6-7.1,8.6c-2.4,0-4.9-0.9-6.9-2.1%20L150,244.5l-77.8,40.9c-2.2,1.2-4.5,2.1-6.9,2.1c-5,0-7.3-4.2-7.3-8.6c0-1.2,0.2-2.3,0.3-3.5l14.9-86.6l-63.1-61.3%20c-2.1-2.3-4.3-5.2-4.3-8.3c0-5.2,5.4-7.3,9.7-8l87-12.7l39-78.9c1.6-3.3,4.5-7.1,8.5-7.1s6.9,3.8,8.5,7.1l39,78.8l87,12.7%20c4.1,0.7,9.7,2.8,9.7,8C294.2,122.2,291.9,125.1,289.7,127.4z'/%3e%3c/g%3e%3c/svg%3e");
  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-b24ad3d6]::before {
  content: "+";
  margin-left: -0.3em;
  font-size: 0.7em;
  vertical-align: top;
}
.trackentry.enabled[data-v-b24ad3d6] {
  opacity: 1;
}
.trackentry.forcedReveal[data-v-b24ad3d6] {
  opacity: 0.5;
  font-style: italic;
  color: rgba(255, 255, 255, 0.6);
}
.trackentry.forcedReveal .icon[data-v-b24ad3d6] {
  opacity: 0.6;
}
.trackentry.highlight[data-v-b24ad3d6] {
  background-color: #e6bf00;
}
.trackentry.error[data-v-b24ad3d6] {
  background-color: #c00;
}
.trackentry.small > .icon[data-v-b24ad3d6] {
  width: 2em;
  height: 2em;
  min-width: 2em;
  min-height: 2em;
}
.trackentry.small .trackInfos[data-v-b24ad3d6] {
  font-size: 1em;
}
.trackentry.small .trackInfos .title[data-v-b24ad3d6] {
  font-size: 0.8em;
}
.trackentry.small .trackInfos .artist[data-v-b24ad3d6] {
  margin-bottom: 0.3em;
}
.trackentry.small .trackInfos .album[data-v-b24ad3d6] {
  margin-bottom: 0.3em;
}
.trackentry.small .placeholder[data-v-b24ad3d6] {
  font-size: 1.2em;
}
.trackentry.small .score[data-v-b24ad3d6] {
  font-size: 1.4em;
  width: 2em;
  height: 2em;
  padding: 0.6em 0;
}
.trackentry.small .guesser[data-v-b24ad3d6] {
  transform: translate(0.5em, 50%);
}
.trackentry.small .guesser .pseudo[data-v-b24ad3d6] {
  font-size: 0.85em;
}
.trackentry.small .stop[data-v-b24ad3d6] {
  width: 2em;
  height: 2em;
  min-width: 2em;
}
.trackentry .trackInfos[data-v-b24ad3d6] {
  font-size: 1.15em;
  flex-grow: 1;
}
.trackentry .trackInfos .artist[data-v-b24ad3d6] {
  font-weight: bold;
  margin-bottom: 0.25em;
}
.trackentry .trackInfos .title .icon[data-v-b24ad3d6] {
  height: 22px;
}
.trackentry .trackInfos .artist[data-v-b24ad3d6] {
  margin-bottom: 0.3em;
}
.trackentry .trackInfos .album[data-v-b24ad3d6] {
  margin-bottom: 0.3em;
}
.trackentry .trackInfos * .icon[data-v-b24ad3d6] {
  height: 30px;
  margin-right: 7px;
  vertical-align: bottom;
}
.trackentry .placeholder[data-v-b24ad3d6] {
  flex-grow: 1;
  font-size: 2em;
  font-family: "Arial";
  font-weight: bold;
}
.trackentry .guesser[data-v-b24ad3d6] {
  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-b24ad3d6] {
  font-size: 1em;
  padding: 0.25em 0.5em;
  border-radius: 2em;
  background-color: #e6bf00;
}
.trackentry .guesser .pseudo[data-v-b24ad3d6]:not(:first-child) {
  font-size: 0.9em;
  padding: 0.1em 0.25em;
  background-color: rgba(230, 191, 0, 0.85);
}
.trackentry .stars[data-v-b24ad3d6] {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.trackentry .stars img[data-v-b24ad3d6] {
  opacity: 0;
  position: absolute;
  width: 2em;
  height: 2em;
  transform-origin: center center;
}
.trackentry .stop[data-v-b24ad3d6] {
  width: 3em;
  height: 3em;
  min-width: 3em;
  cursor: pointer;
  position: relative;
}
.trackentry .stop .icon[data-v-b24ad3d6] {
  width: 100%;
  height: 100%;
}
.trackentry .stop .loader[data-v-b24ad3d6] {
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
}
.blockContent[data-v-6fd547b5] {
  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-6fd547b5] {
  display: flex;
  flex-direction: column;
}
.trackanswerform.error .input[data-v-6fd547b5] {
  background-color: #e6bf00;
  color: #fff;
}
.trackanswerform.success .form .line .input[data-v-6fd547b5] {
  background-color: #fff;
}
.trackanswerform:not(.multiplayermode) .form .line .input[data-v-6fd547b5] {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.trackanswerform .form[data-v-6fd547b5] {
  position: relative;
}
.trackanswerform .form .line[data-v-6fd547b5] {
  display: flex;
  flex-direction: row;
  position: relative;
}
.trackanswerform .form .line .input[data-v-6fd547b5] {
  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-6fd547b5]:focus {
  outline: none;
}
.trackanswerform .form .line .submit[data-v-6fd547b5] {
  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-6fd547b5] img {
  width: 100%;
  min-width: 20px;
}
.trackanswerform .form .line .chat[data-v-6fd547b5] {
  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-6fd547b5] img {
  width: 100%;
  min-width: 20px;
}
.trackanswerform .form .stars[data-v-6fd547b5] {
  position: absolute;
  top: 30px;
  pointer-events: none;
}
.trackanswerform .form .stars img[data-v-6fd547b5] {
  opacity: 0;
  position: absolute;
  width: 30px;
  height: 30px;
  transform-origin: center center;
}
.trackanswerform .showAnswers[data-v-6fd547b5] {
  align-self: center;
}
.trackanswerform .actions[data-v-6fd547b5] {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.trackanswerform .actions > *[data-v-6fd547b5]:not(:last-child) {
  margin-right: 10px;
}
.trackanswerform .shareUrl[data-v-6fd547b5] {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}
.trackanswerform .shareUrl .title[data-v-6fd547b5] {
  align-self: center;
  margin-bottom: 5px;
}
.trackanswerform .shareUrl .close[data-v-6fd547b5] {
  align-self: center;
  margin-bottom: 5px;
}
.blockContent[data-v-760ae039] {
  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-760ae039] {
  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-760ae039] {
  height: 270px;
}
.volumebutton.expand .percent[data-v-760ae039],
.volumebutton.expand .content[data-v-760ae039] {
  opacity: 1;
}
.volumebutton.twitchMode[data-v-760ae039] {
  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-760ae039] {
  width: 20px;
  height: 25px;
  padding: 8px;
}
.volumebutton.twitchMode.expand[data-v-760ae039] {
  height: 200px;
}
.volumebutton.twitchMode .content[data-v-760ae039] {
  width: 100%;
  height: 120px;
}
.volumebutton.horizontal[data-v-760ae039] {
  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-760ae039] {
  width: 20px;
  height: 25px;
  padding: 0px;
}
.volumebutton.horizontal.expand[data-v-760ae039] {
  height: 40px;
}
.volumebutton.horizontal .content[data-v-760ae039] {
  transform: rotate(90deg) translate(0, 0%);
  width: 120px;
  height: 120px;
  margin: 0;
  padding: 0;
  opacity: 1;
}
.volumebutton.horizontal .percent[data-v-760ae039] {
  opacity: 1;
  width: 50px;
  margin-bottom: 0px;
}
.volumebutton .icon[data-v-760ae039] {
  width: 40px;
  height: 40px;
  padding: 20px;
  padding-bottom: 5px;
  cursor: pointer;
}
.volumebutton .percent[data-v-760ae039] {
  text-align: center;
  color: #fff;
  margin-bottom: 5px;
  opacity: 0;
  transition: opacity 0.25s;
}
.volumebutton .content[data-v-760ae039] {
  position: relative;
  margin: auto;
  display: block;
  width: 60px;
  height: 150px;
  opacity: 0;
  transition: opacity 0.25s;
}
.volumebutton .content .bar[data-v-760ae039],
.volumebutton .content .arrow[data-v-760ae039] {
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 225, 0.5);
  cursor: pointer;
}
.volumebutton .content .bar.arrow[data-v-760ae039],
.volumebutton .content .arrow.arrow[data-v-760ae039] {
  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-760ae039] {
    width: 49px;
    height: 49px;
    border-bottom-left-radius: 25px;
}
.volumebutton.expand[data-v-760ae039] {
    height: 245px;
}
.volumebutton .percent[data-v-760ae039] {
    font-size: 16px;
}
.volumebutton .icon[data-v-760ae039] {
    width: 25px;
    height: 25px;
    padding: 13px;
}
}
.blockContent[data-v-928bb28b] {
  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-928bb28b] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.SimpleLoader span[data-v-928bb28b] {
  font-style: italic;
  color: #fff;
  text-align: center;
  flex-grow: 1;
  border-radius: 50px;
  padding: 10px;
}
.SimpleLoader .loader[data-v-928bb28b] {
  position: relative;
  width: 60px;
  height: 36px;
}
.SimpleLoader .loader .spinner[data-v-928bb28b] {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  padding: 10px 20px;
}
.SimpleLoader.big span[data-v-928bb28b] {
  font-size: 35px;
  padding: 15px 25px;
}
.SimpleLoader.big .loader[data-v-928bb28b] {
  width: 90px;
  height: 53px;
}
.SimpleLoader.big .loader .spinner[data-v-928bb28b] {
  width: 40px;
  height: 40px;
  padding: 10px 25px;
}
.blockContent[data-v-d401f94e] {
  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-d401f94e] {
  margin: auto;
  margin-bottom: 50px;
}
.tracksplayer .trackList[data-v-d401f94e] {
  display: flex;
  flex-direction: column;
  margin: auto;
  margin-bottom: 30px;
  max-width: calc(100% - 40px);
}
.tracksplayer .trackList .list[data-v-d401f94e] {
  margin-bottom: 30px;
}
.tracksplayer .trackList .list .track[data-v-d401f94e]:not(:last-child) {
  margin-bottom: 10px;
}
.tracksplayer .trackList .complete[data-v-d401f94e] {
  align-self: center;
}
.blockContent[data-v-d23599d9] {
  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-d23599d9] {
  position: relative;
}
.timerrenderer canvas[data-v-d23599d9] {
  width: 100%;
  height: 100%;
}
.timerrenderer.blink .time[data-v-d23599d9] {
  background-color: #c03131;
  transition: background-color 0s;
}
.timerrenderer .time[data-v-d23599d9] {
  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-6ec866a0] {
  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-6ec866a0] {
  position: fixed;
  bottom: 0;
  right: 25px;
  max-width: 300px;
  max-height: calc(100vh - 150px);
  display: flex;
  z-index: 1;
}
.chatwindow .close[data-v-6ec866a0] {
  position: absolute;
  top: -15px;
  left: -15px;
  width: 30px;
  height: 30px;
}
.chatwindow .list[data-v-6ec866a0] {
  background-color: #fff;
  border: 1px solid #a4dce2;
  padding: 10px;
  border-radius: 20px;
  overflow-y: auto;
  box-sizing: border-box;
}
.chatwindow .list .line[data-v-6ec866a0] {
  align-items: center;
  max-width: 100%;
  box-sizing: border-box;
}
.chatwindow .list .line[data-v-6ec866a0]:not(:last-child) {
  margin-bottom: 8px;
}
.chatwindow .list .line.isme .user[data-v-6ec866a0] {
  background-color: #e6bf00;
}
.chatwindow .list .line .user[data-v-6ec866a0] {
  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-6ec866a0] {
  display: inline;
  margin-left: 5px;
  word-wrap: break-word;
  max-width: calc(100%);
}
@media only screen and (max-width: 500px) {
.chatwindow[data-v-6ec866a0] {
    position: relative;
    bottom: unset;
    right: unset;
    min-width: 100%;
}
.chatwindow .close[data-v-6ec866a0] {
    left: auto;
    right: -15px;
}
.chatwindow .list[data-v-6ec866a0] {
    max-height: 140px;
    width: 100%;
}
}
.blockContent[data-v-9d968221] {
  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-9d968221] {
  pointer-events: none;
}
.countdown .number[data-v-9d968221] {
  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-888e4f09] {
  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-888e4f09] {
  background-color: #e6bf00;
  border-radius: 20px;
  padding: 10px;
}
.expertmodestate .head[data-v-888e4f09] {
  color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Futura";
  justify-content: center;
}
.expertmodestate .head .icon[data-v-888e4f09] {
  height: 30px;
  margin-right: 10px;
}
.expertmodestate .state[data-v-888e4f09] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #fff;
  font-size: 16px;
}
.expertmodestate .state.refuse[data-v-888e4f09] {
  opacity: 0.75;
  color: #cc0000;
}
.expertmodestate .state.refuse .icon[data-v-888e4f09] {
  max-height: 14px;
}
.expertmodestate .state .icon[data-v-888e4f09] {
  max-height: 16px;
  margin-right: 5px;
}
.blockContent[data-v-24349cc8] {
  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-24349cc8] {
  padding-top: 0 !important;
}
.groupuserlist .player[data-v-24349cc8] {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  padding-top: 10px;
}
.groupuserlist .player[data-v-24349cc8]:not(:last-child) {
  padding-bottom: 10px;
}
.groupuserlist .player[data-v-24349cc8]: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-24349cc8] {
  font-family: "Futura";
}
.groupuserlist .player.offline[data-v-24349cc8] {
  filter: saturate(0%);
  opacity: 0.5;
}
.groupuserlist .player.offline .content .info[data-v-24349cc8]::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20193.8%20168.7'%20style='enable-background:new%200%200%20193.8%20168.7;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20d='M40.7,58.5c9-39.1,50.2-52,80.6-38.8L137.6,0l11.7,9.7l-132.1,159L5.5,159l13.6-16.4C-12,121.3-5.4,63,40.7,58.5L40.7,58.5%20z%20M112.1,30.7c-23.9-8.1-54.5,3.6-59,35.3l-0.8,5.9h-5.9C9.6,71.8,4,117,27.9,132L112.1,30.7L112.1,30.7z%20M139.7,32.6%20c6.3,6.7,11,15.4,13.5,25.9c56.5,5.5,53.6,92-5.2,92H45.9c-1.4,0-2.7-0.1-4-0.2l11.2-13.5h94.9c42.9,0,43.6-65.1-0.5-65.1h-5.9%20l-0.8-5.9c-1.3-9.3-4.9-16.9-9.9-22.7L139.7,32.6z'/%3e%3c/g%3e%3c/svg%3e");
  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-24349cc8]::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20283.5%20204.4'%20style='enable-background:new%200%200%20283.5%20204.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%2357BFC9;}%20%3c/style%3e%3cg%20transform='translate(0,-952.36218)'%3e%3cpath%20class='st0'%20d='M141.7,952.4c-9.1,0-16.5,7.4-16.5,16.5s7.4,16.5,16.5,16.5s16.5-7.4,16.5-16.5%20C158.2,959.7,150.8,952.4,141.7,952.4z%20M135.3,991l-49.6,70.1l-58.6-22.4c-2.1,2.1-4.7,3.7-7.6,4.7l30,86.8H234l30-86.8%20c-2.9-1-5.5-2.6-7.6-4.7l-58.6,22.4L148.1,991c-2,0.6-4.2,0.9-6.4,0.9C139.5,991.9,137.4,991.6,135.3,991z%20M13.2,1011.7%20c-7.3,0-13.2,5.9-13.2,13.2c0,7.3,5.9,13.2,13.2,13.2s13.2-5.9,13.2-13.2C26.4,1017.6,20.5,1011.7,13.2,1011.7z%20M270.3,1011.7%20c-7.3,0-13.2,5.9-13.2,13.2c0,7.3,5.9,13.2,13.2,13.2c7.3,0,13.2-5.9,13.2-13.2C283.5,1017.6,277.6,1011.7,270.3,1011.7z%20M49.4,1136.9v19.8H234v-19.8H49.4z'/%3e%3c/g%3e%3c/svg%3e");
  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-24349cc8] {
  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-24349cc8] {
  opacity: 0.25;
}
.groupuserlist .player:hover .kick[data-v-24349cc8] {
  right: 0;
}
.groupuserlist .player .kick[data-v-24349cc8] {
  position: absolute;
  right: -50px;
  z-index: 1;
  padding: 5px;
  width: 40px;
  height: 40px;
  transition: right 0.24s;
}
.groupuserlist .player .kick[data-v-24349cc8] .icon {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}
.groupuserlist .player .position[data-v-24349cc8] {
  margin-right: 10px;
  font-family: "FuturaExtraBold";
}
.groupuserlist .player .position[data-v-24349cc8]::before {
  content: "#";
  display: inline;
  font-size: 15px;
  font-family: "Futura";
}
.groupuserlist .player .content[data-v-24349cc8] {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.groupuserlist .player .content .info[data-v-24349cc8] {
  display: flex;
  flex-direction: row;
}
.groupuserlist .player .content .info .username[data-v-24349cc8] {
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.groupuserlist .player .content .info[data-v-24349cc8]::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-24349cc8] {
  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-24349cc8] {
  transition: width 0.5s;
  height: 100%;
  width: 50%;
  background-color: #ffd81a;
}
.blockContent[data-v-cfd4501e] {
  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-cfd4501e] {
  position: relative;
  margin: auto;
  display: block;
  width: 130px;
  height: 130px;
  z-index: 2;
  margin-top: 20px;
  margin-bottom: 40px;
}
.groupgame .countDown .expertMode[data-v-cfd4501e] {
  margin-top: 10px;
}
.groupgame .countDown .timer[data-v-cfd4501e] {
  width: 100%;
  height: 100%;
}
.groupgame .countDown .label[data-v-cfd4501e] {
  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-cfd4501e] {
  margin: auto;
  margin-bottom: 30px;
  display: block;
}
.groupgame .giveUp[data-v-cfd4501e] .icon {
  height: 100%;
  width: 40px;
}
.groupgame .game[data-v-cfd4501e] {
  z-index: 1;
  position: relative;
}
.groupgame .chat[data-v-cfd4501e] {
  margin-bottom: 30px;
}
.groupgame .players[data-v-cfd4501e] {
  display: flex;
  flex-direction: column;
  width: min-content;
  margin: auto;
  border-radius: 20px;
  box-sizing: border-box;
}
.groupgame .players > .content[data-v-cfd4501e] {
  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-cfd4501e] {
  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-cfd4501e] {
  font-family: "Futura";
  font-size: 25px;
  white-space: nowrap;
}
.groupgame .complete .wait[data-v-cfd4501e] {
  font-style: italic;
  margin-top: 10px;
  width: 220px;
}
.groupgame .complete .content .button[data-v-cfd4501e]:not(.next) {
  margin-top: 10px;
}
.groupgame .kicked[data-v-cfd4501e],
.groupgame .serverReboot[data-v-cfd4501e] {
  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-cfd4501e],
.groupgame .serverReboot .back[data-v-cfd4501e] {
  margin-top: 10px;
}
.blockContent[data-v-b6a2a01c] {
  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-b6a2a01c] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.expertmodeform .toggle label[data-v-b6a2a01c] {
  margin: 0;
  margin-left: 10px;
  font-size: 18px;
  cursor: pointer;
}
.expertmodeform .form[data-v-b6a2a01c] {
  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-b6a2a01c] {
  font-size: 16px;
  width: 260px;
  margin-bottom: 10px;
}
.expertmodeform .form .selectSomething[data-v-b6a2a01c] {
  margin-top: 10px;
  background-color: #e6bf00;
  padding: 5px 10px;
  border-radius: 10px;
  color: #fff;
}
.blockContent[data-v-3d4ec631] {
  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-3d4ec631] {
  white-space: nowrap;
  font-size: 18px;
  display: block;
}
.incrementform .content[data-v-3d4ec631] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  color: #2f9da7;
}
.incrementform .content .count[data-v-3d4ec631] {
  border: 1px solid #57bfc9;
  font-weight: bold;
  border-radius: 10px;
  padding: 7px;
  margin: 0 10px;
}
.incrementform .content input[data-v-3d4ec631] {
  width: 35px;
  padding: 0;
  text-align: center;
  margin: 0 10px;
}
.incrementform .content input[data-v-3d4ec631]::-webkit-inner-spin-button,
.incrementform .content input[data-v-3d4ec631]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}
.incrementform .content .button[data-v-3d4ec631] {
  width: 25px;
  height: 25px;
  padding: 0;
}
.incrementform .content .button[data-v-3d4ec631] img {
  width: auto;
  max-height: 60%;
  max-width: 90%;
}
.blockContent[data-v-902fc0af] {
  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-902fc0af] {
  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-ca99c3f8] {
  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-ca99c3f8] {
  width: 100%;
  margin-bottom: 2px;
}
.grouplobbyuser .label[data-v-ca99c3f8] {
  background-color: #a4dce2;
  border-radius: 15px;
  padding: 0 10px;
  color: #2f9da7;
  display: flex;
  flex-direction: row;
}
.grouplobbyuser .label .text[data-v-ca99c3f8] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 30px;
  width: 180px;
  flex-grow: 1;
}
.grouplobbyuser .label.me[data-v-ca99c3f8] {
  font-family: "Futura";
}
.grouplobbyuser .label[data-v-ca99c3f8]::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-ca99c3f8] {
  filter: saturate(0%);
  opacity: 0.5;
}
.grouplobbyuser .label.offline[data-v-ca99c3f8]::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20193.8%20168.7'%20style='enable-background:new%200%200%20193.8%20168.7;'%20xml:space='preserve'%3e%3cg%3e%3cpath%20d='M40.7,58.5c9-39.1,50.2-52,80.6-38.8L137.6,0l11.7,9.7l-132.1,159L5.5,159l13.6-16.4C-12,121.3-5.4,63,40.7,58.5L40.7,58.5%20z%20M112.1,30.7c-23.9-8.1-54.5,3.6-59,35.3l-0.8,5.9h-5.9C9.6,71.8,4,117,27.9,132L112.1,30.7L112.1,30.7z%20M139.7,32.6%20c6.3,6.7,11,15.4,13.5,25.9c56.5,5.5,53.6,92-5.2,92H45.9c-1.4,0-2.7-0.1-4-0.2l11.2-13.5h94.9c42.9,0,43.6-65.1-0.5-65.1h-5.9%20l-0.8-5.9c-1.3-9.3-4.9-16.9-9.9-22.7L139.7,32.6z'/%3e%3c/g%3e%3c/svg%3e");
  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-ca99c3f8]::before {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20283.5%20204.4'%20style='enable-background:new%200%200%20283.5%20204.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%2357BFC9;}%20%3c/style%3e%3cg%20transform='translate(0,-952.36218)'%3e%3cpath%20class='st0'%20d='M141.7,952.4c-9.1,0-16.5,7.4-16.5,16.5s7.4,16.5,16.5,16.5s16.5-7.4,16.5-16.5%20C158.2,959.7,150.8,952.4,141.7,952.4z%20M135.3,991l-49.6,70.1l-58.6-22.4c-2.1,2.1-4.7,3.7-7.6,4.7l30,86.8H234l30-86.8%20c-2.9-1-5.5-2.6-7.6-4.7l-58.6,22.4L148.1,991c-2,0.6-4.2,0.9-6.4,0.9C139.5,991.9,137.4,991.6,135.3,991z%20M13.2,1011.7%20c-7.3,0-13.2,5.9-13.2,13.2c0,7.3,5.9,13.2,13.2,13.2s13.2-5.9,13.2-13.2C26.4,1017.6,20.5,1011.7,13.2,1011.7z%20M270.3,1011.7%20c-7.3,0-13.2,5.9-13.2,13.2c0,7.3,5.9,13.2,13.2,13.2c7.3,0,13.2-5.9,13.2-13.2C283.5,1017.6,277.6,1011.7,270.3,1011.7z%20M49.4,1136.9v19.8H234v-19.8H49.4z'/%3e%3c/g%3e%3c/svg%3e");
  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-ca99c3f8] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.grouplobbyuser .label .handicap img[data-v-ca99c3f8] {
  height: 16px;
  margin-right: 5px;
}
.grouplobbyuser .label .handicap span[data-v-ca99c3f8] {
  font-size: 16px;
  color: #fff;
}
.grouplobbyuser .label .editForm[data-v-ca99c3f8] {
  display: flex;
  flex-direction: row;
  margin: 5px;
}
.grouplobbyuser .label .editForm input[data-v-ca99c3f8] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.grouplobbyuser .label .editForm button[data-v-ca99c3f8] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.grouplobbyuser .form[data-v-ca99c3f8] {
  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-ca99c3f8] .button:hover {
  background-color: #def2f4;
}
.grouplobbyuser .form.expand-enter-active[data-v-ca99c3f8],
.grouplobbyuser .form.expand-leave-active[data-v-ca99c3f8] {
  padding: 5px 10px;
  max-height: 125px;
}
.grouplobbyuser .form.expand-enter[data-v-ca99c3f8],
.grouplobbyuser .form.expand-leave-to[data-v-ca99c3f8] {
  max-height: 0px;
  padding: 0px 10px;
}
.blockContent[data-v-69eb653e] {
  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-69eb653e] {
  margin: auto;
  margin-top: 50px;
  width: min-content;
  border-radius: 20px;
  opacity: 0.8;
}
.sharemultiplayerlink .content[data-v-69eb653e] {
  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-69eb653e] {
  background-color: #4391f8;
  color: #fff;
  border-radius: 50px;
  padding: 5px 10px;
  text-align: center;
}
.sharemultiplayerlink .content p[data-v-69eb653e] {
  margin-bottom: 10px;
}
.sharemultiplayerlink .content .inputs[data-v-69eb653e] {
  display: flex;
  flex-direction: row;
}
.sharemultiplayerlink .content .inputs input[data-v-69eb653e] {
  width: auto;
}
.sharemultiplayerlink .content .inputs .copy[data-v-69eb653e] {
  height: 38px;
  min-height: 38px;
  width: 38px;
  min-width: 38px;
  margin-left: 2px;
}
.blockContent[data-v-e6fb34fb] {
  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-e6fb34fb] {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
.grouplobby > .holder > div[data-v-e6fb34fb] {
  box-sizing: border-box;
}
.grouplobby > .holder .playlists[data-v-e6fb34fb] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.grouplobby > .holder .playlists h1[data-v-e6fb34fb] {
  margin-bottom: 20px;
}
.grouplobby > .holder .playlists .playlist[data-v-e6fb34fb] {
  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-e6fb34fb] {
  color: #fff;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.grouplobby > .holder .playlists .playlist .cover[data-v-e6fb34fb] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.grouplobby > .holder .start[data-v-e6fb34fb] {
  display: flex;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.grouplobby > .holder .users[data-v-e6fb34fb] {
  width: min-content;
  margin: auto;
  min-width: 300px;
}
.grouplobby > .holder .users .content[data-v-e6fb34fb] {
  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-e6fb34fb] {
  width: 100%;
  padding-bottom: 10px;
}
.grouplobby > .holder .users .content .form[data-v-e6fb34fb] {
  display: flex;
  flex-direction: column;
  padding-bottom: 10px;
}
.grouplobby > .holder .users .content .form .row[data-v-e6fb34fb] {
  display: flex;
  flex-direction: row;
}
.grouplobby > .holder .users .content .form .row input[data-v-e6fb34fb] {
  flex-grow: 1;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.grouplobby > .holder .users .content .form .row .submit[data-v-e6fb34fb] {
  width: 39px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.grouplobby > .holder .waitHost[data-v-e6fb34fb] {
  margin-top: 25px;
}
.grouplobby > .holder .shareUrl[data-v-e6fb34fb] {
  margin: auto;
  margin-top: 25px;
}
.grouplobby .backHome[data-v-e6fb34fb] {
  margin: auto;
  margin-top: 25px;
  width: min-content;
  display: block;
}
.grouplobby .params[data-v-e6fb34fb] {
  margin: auto;
  margin-top: 25px;
  display: flex;
  flex-direction: column;
  width: min-content;
}
.grouplobby .params .content[data-v-e6fb34fb] {
  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-e6fb34fb]:not(:last-child) {
  margin-bottom: 20px;
}
.grouplobby .serverReboot[data-v-e6fb34fb] {
  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-e6fb34fb] {
  margin-top: 10px;
}
.blockContent[data-v-76173a26] {
  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-76173a26] {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  height: 100%;
}
.home > .holder[data-v-76173a26] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home > .holder .head[data-v-76173a26] {
  margin-bottom: 30px;
}
.home > .holder .head > *[data-v-76173a26] {
  margin-bottom: 10px;
}
.home > .holder .head .light[data-v-76173a26] {
  opacity: 0.5;
  font-style: italic;
  text-align: center;
  margin-top: -10px;
}
.home > .holder .head .subtitle[data-v-76173a26] {
  margin-top: 20px;
}
.home > .holder .logo[data-v-76173a26] {
  max-height: 200px;
  margin-bottom: 30px;
}
.home > .holder .button[data-v-76173a26] {
  margin-bottom: 10px;
}
.home > .holder .twitch[data-v-76173a26] {
  position: relative;
}
.home > .holder .twitch .beta[data-v-76173a26] {
  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-76173a26] {
  margin: 10px 0;
}
.home .footer[data-v-76173a26] {
  margin-top: 20px;
  text-align: center;
  width: 100%;
  font-style: italic;
}
.home .footer[data-v-76173a26] 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-76173a26] a:hover {
  color: #e6bf00;
  background-color: rgba(255, 255, 255, 0.1);
}
.home .footer .changelog[data-v-76173a26] {
  background-color: #e6bf00;
  border-radius: 10px;
  padding: 3px 8px;
  color: #fff;
  display: inline-block;
}
.home .footer .changelog[data-v-76173a26]:hover {
  color: #e6bf00;
  background-color: #fff;
}
@media only screen and (max-width: 500px) {
.home > .holder[data-v-76173a26] {
    width: 90vw;
}
.home > .holder .head .subtitle[data-v-76173a26] {
    font-size: 18px;
}
}
.blockContent[data-v-60e80cf8] {
  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-60e80cf8] {
  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-60e80cf8]:hover,
.SearchTrackResultItem.hover[data-v-60e80cf8] {
  background-color: #57bfc9;
  color: #fff;
}
.SearchTrackResultItem .label[data-v-60e80cf8] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 55px);
}
.SearchTrackResultItem .label .artist[data-v-60e80cf8] {
  font-size: 12px;
  opacity: 0.7;
  text-transform: uppercase;
}
.SearchTrackResultItem .label .title[data-v-60e80cf8],
.SearchTrackResultItem .label .artist[data-v-60e80cf8] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: bold;
}
.SearchTrackResultItem .icon[data-v-60e80cf8] {
  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-60e80cf8] {
    font-size: 16px;
}
}
.blockContent[data-v-9314bfb1] {
  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-9314bfb1] {
  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-9314bfb1]:hover,
.SearchTrackResultItem.hover[data-v-9314bfb1] {
  background-color: #57bfc9;
  color: #fff;
}
.SearchTrackResultItem .tracks[data-v-9314bfb1] {
  background-color: #2f9da7;
  color: #fff;
  font-size: 14px;
  padding: 3px 6px;
  border-radius: 10px;
}
.SearchTrackResultItem .tracks img[data-v-9314bfb1] {
  height: 14px;
  margin-right: 5px;
}
.SearchTrackResultItem .label[data-v-9314bfb1] {
  display: flex;
  flex-direction: column;
  width: calc(100% - 55px);
}
.SearchTrackResultItem .label .owner[data-v-9314bfb1] {
  font-size: 12px;
  opacity: 0.7;
  text-transform: uppercase;
}
.SearchTrackResultItem .label .title[data-v-9314bfb1],
.SearchTrackResultItem .label .owner[data-v-9314bfb1] {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  font-weight: bold;
}
.SearchTrackResultItem .icon[data-v-9314bfb1] {
  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-9314bfb1] {
    font-size: 16px;
}
}
.blockContent[data-v-cee79c71] {
  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-cee79c71] {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.autocompleteform .form label[data-v-cee79c71] {
  align-self: flex-start;
}
.autocompleteform .form .input[data-v-cee79c71] {
  transition: all 0.25s;
}
.autocompleteform .form.loading .input[data-v-cee79c71] {
  padding-left: 40px;
}
.autocompleteform .form .clear[data-v-cee79c71],
.autocompleteform .form .spinner[data-v-cee79c71] {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
}
.autocompleteform .form .clear.spinner[data-v-cee79c71],
.autocompleteform .form .spinner.spinner[data-v-cee79c71] {
  left: 10px;
}
.autocompleteform .form .clear[data-v-cee79c71] {
  cursor: pointer;
  transition: all 0.2s;
}
.autocompleteform .form .clear[data-v-cee79c71]:hover {
  transform: scale(1.15);
}
.autocompleteform .tracksList[data-v-cee79c71] {
  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-cee79c71] {
  max-height: 300px;
  height: 400px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden;
  color: #2f9da7;
}
.autocompleteform .noResult[data-v-cee79c71] {
  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-cee79c71] {
    max-height: 200px;
}
}
.blockContent[data-v-db162a10] {
  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-db162a10] {
  max-width: 90%;
  margin: auto;
  position: relative;
}
.mixcreator .header[data-v-db162a10] {
  text-align: center;
}
.mixcreator .header h1[data-v-db162a10] {
  margin-bottom: 10px;
}
.mixcreator .help[data-v-db162a10] {
  margin: auto;
  display: block;
  width: min-content;
  margin-top: 30px;
}
.mixcreator .help .title[data-v-db162a10] {
  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-db162a10]:hover {
  color: #e6bf00;
  background-color: #fff;
}
.mixcreator .help .expand[data-v-db162a10] {
  margin-top: 10px;
  width: 400px;
  padding: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.mixcreator .selectedTracks[data-v-db162a10] {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
.mixcreator .selectedTracks .title[data-v-db162a10] {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.mixcreator .selectedTracks .trackItem[data-v-db162a10] {
  display: flex;
  flex-direction: row;
  margin-bottom: 5px;
}
.mixcreator .selectedTracks .trackItem .track[data-v-db162a10] {
  flex-grow: 1;
  pointer-events: none;
}
.mixcreator .selectedTracks .trackItem .deleteBt[data-v-db162a10],
.mixcreator .selectedTracks .trackItem .stopBt[data-v-db162a10] {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
}
.mixcreator .actions[data-v-db162a10] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.mixcreator .actions > *[data-v-db162a10]:not(:last-child) {
  margin-right: 10px;
}
.blockContent[data-v-b3fc48fd] {
  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-b3fc48fd] {
  color: #fff;
  border-radius: 10px;
  padding: 10px;
  background-color: #e6bf00;
  margin-bottom: 20px;
}
.oauth .error .title[data-v-b3fc48fd] {
  font-family: "FuturaExtraBold";
  text-align: center;
  margin-bottom: 10px;
}
.blockContent[data-v-e9abf920] {
  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-e9abf920] {
  margin: auto;
  position: relative;
}
.bouncingloader .title[data-v-e9abf920] {
  position: relative;
  font-size: 20px;
  padding-top: 110px;
  text-align: center;
  width: 100%;
}
.bouncingloader .loader[data-v-e9abf920] {
  position: absolute;
  width: 100px;
  height: 100px;
  left: 50%;
  transform: translate(-50%, 0);
}
.bouncingloader .icon[data-v-e9abf920] {
  position: absolute;
  width: 40px;
  top: 30px;
  left: 50%;
  transform: translate(-50%, 0);
}
.blockContent[data-v-4d0b640c] {
  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-4d0b640c] {
  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-4d0b640c] {
  background-color: #e6bf00;
}
.playlistentry.selected[data-v-4d0b640c]:hover {
  background-color: #ffd81a;
}
.playlistentry.disabled[data-v-4d0b640c] {
  pointer-events: none;
  opacity: 0.5;
}
.playlistentry.disabled .cover[data-v-4d0b640c] {
  width: 25px;
  height: 25px;
}
.playlistentry.disabled .title[data-v-4d0b640c] {
  font-size: 18px;
}
.playlistentry.disabled .title .label[data-v-4d0b640c] {
  display: inline;
}
.playlistentry.disabled .title .total[data-v-4d0b640c] {
  display: inline;
  padding: 2px 5px;
  margin-right: 10px;
}
.playlistentry[data-v-4d0b640c]:hover {
  background-color: #a4dce2;
}
.playlistentry.fromSearch[data-v-4d0b640c]:not(.selected) {
  background-color: #84e0e9;
}
.playlistentry.fromSearch[data-v-4d0b640c]:not(.selected):hover {
  background-color: #afebf1;
}
.playlistentry .cover[data-v-4d0b640c] {
  width: 50px;
  height: 50px;
  object-fit: cover;
  margin-left: 20px;
}
.playlistentry .title[data-v-4d0b640c] {
  font-weight: bold;
  font-size: 20px;
  color: #ffffff;
  margin-left: 20px;
  text-align: left;
  flex-grow: 1;
}
.playlistentry .title .total[data-v-4d0b640c] {
  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-4d0b640c] {
  font-weight: normal;
  font-size: 16px;
  text-transform: capitalize;
  opacity: 0.75;
}
.playlistentry .checkbox[data-v-4d0b640c] {
  border-radius: 7px;
  background-color: #fff;
  flex-grow: 0;
  min-width: 25px;
  min-height: 25px;
}
.playlistentry .deleteBt[data-v-4d0b640c] {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 500px) {
.playlistentry[data-v-4d0b640c] {
    padding-left: 15px;
}
.playlistentry .cover[data-v-4d0b640c] {
    margin-left: 10px;
}
.playlistentry .title[data-v-4d0b640c] {
    margin-left: 20px;
}
}
.blockContent[data-v-ba02a20d] {
  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-ba02a20d] {
  font-family: "Futura";
  font-weight: bold;
  text-align: center;
}
.slider .label[data-v-ba02a20d] i {
  font-family: "FuturaLight";
  font-weight: normal;
  font-size: 16px;
}
.slider .gauge[data-v-ba02a20d] {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.slider .gauge .item[data-v-ba02a20d] {
  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-ba02a20d] {
  background-color: #fff;
  color: #e6bf00;
}
.blockContent[data-v-de44234b] {
  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-de44234b] {
  padding: 15px 0;
  color: #fff;
  font-weight: bold;
  background-color: #e6bf00;
  border-top: 1px solid #fff;
}
.playlistselectorfooter .playlists[data-v-de44234b],
.playlistselectorfooter .tracks[data-v-de44234b] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.playlistselectorfooter .playlists img[data-v-de44234b],
.playlistselectorfooter .tracks img[data-v-de44234b] {
  height: 24px;
  margin-right: 10px;
}
.playlistselectorfooter .playlists[data-v-de44234b]:not(:last-child),
.playlistselectorfooter .tracks[data-v-de44234b]:not(:last-child) {
  margin-bottom: 5px;
}
.playlistselectorfooter .slider[data-v-de44234b] {
  width: 100%;
  max-width: 500px;
  margin: auto;
  margin-top: 20px;
}
.playlistselectorfooter .min[data-v-de44234b] {
  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-de44234b] {
  margin-top: 5px;
}
.playlistselectorfooter .buttons .button[data-v-de44234b] {
  color: #e6bf00;
}
.playlistselectorfooter .buttons .submit[data-v-de44234b] {
  padding: 20px 40px;
}
@media only screen and (max-width: 500px) {
.playlistselectorfooter[data-v-de44234b] {
    padding: 10px;
}
.playlistselectorfooter .playlists[data-v-de44234b],
  .playlistselectorfooter .tracks[data-v-de44234b] {
    font-size: 16px;
}
.playlistselectorfooter .playlists img[data-v-de44234b],
  .playlistselectorfooter .tracks img[data-v-de44234b] {
    height: 18px;
    margin-right: 7px;
}
}
.blockContent[data-v-be658b89] {
  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-be658b89] {
  background-color: #e6bf00;
  padding: 20px;
  color: #fff;
  border-radius: 20px;
}
.noplaylist p[data-v-be658b89] {
  margin-bottom: 20px;
}
.noplaylist .title[data-v-be658b89] strong {
  background-color: rgba(255, 255, 255, 0.3);
  padding: 2px 5px;
  line-height: 30px;
  border-radius: 10px;
}
.noplaylist .list[data-v-be658b89] {
  margin-top: 20px;
}
.noplaylist .list li[data-v-be658b89] {
  margin: 5px;
}
.noplaylist .list li a[data-v-be658b89] {
  display: block;
}
.noplaylist .list li a .icon[data-v-be658b89] {
  height: 20px;
  margin-right: 10px;
  vertical-align: middle;
}
.blockContent[data-v-aca1250a] {
  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-6d7a7c87] {
  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-6d7a7c87] {
  margin: auto;
  width: auto;
  text-align: center;
  max-width: 500px;
  padding-bottom: 150px;
}
.playlistselector .loader[data-v-6d7a7c87] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.playlistselector .loader[data-v-6d7a7c87] .icon {
  top: 12px;
  width: 70px;
  height: 70px;
}
.playlistselector .header .icon[data-v-6d7a7c87] {
  height: 50px;
}
.playlistselector .header h1[data-v-6d7a7c87] {
  margin-bottom: 10px;
}
.playlistselector .header.refused[data-v-6d7a7c87] {
  margin-top: 70px;
}
.playlistselector .searchForm[data-v-6d7a7c87] {
  margin-bottom: 20px;
}
.playlistselector .playlists[data-v-6d7a7c87] {
  display: flex;
  flex-direction: column;
  margin: auto;
}
.playlistselector .playlists .reload[data-v-6d7a7c87] {
  margin: auto;
  margin-top: 20px;
  display: block;
}
.playlistselector .playlists .playlist[data-v-6d7a7c87] {
  margin: auto;
  margin-bottom: 5px;
}
.playlistselector .pager[data-v-6d7a7c87] {
  align-items: center;
  justify-content: center;
  margin: 10px;
  display: flex;
  flex-direction: row;
}
.playlistselector .pager .pageIndex[data-v-6d7a7c87] {
  margin: 0 20px;
}
.playlistselector .footer[data-v-6d7a7c87] {
  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-6d7a7c87],
.playlistselector .footer.slide-leave-active[data-v-6d7a7c87] {
  transition: all 0.5s;
}
.playlistselector .footer.slide-enter[data-v-6d7a7c87],
.playlistselector .footer.slide-leave-to[data-v-6d7a7c87] {
  transform: translate(-50%, 100%);
}
@media only screen and (max-width: 500px) {
.playlistselector .loader[data-v-6d7a7c87] {
    width: 80vw;
}
}
.blockContent[data-v-892d1f3c] {
  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-892d1f3c] {
  cursor: pointer;
}
.toggleblock.enabled h2[data-v-892d1f3c]:hover {
  background-color: #7bdee7;
}
.toggleblock h2[data-v-892d1f3c] {
  margin-bottom: 0px;
  transition: background-color 0.25s;
  border-radius: 20px;
}
.toggleblock h2 .handle[data-v-892d1f3c] {
  margin-right: 10px;
}
.toggleblock h2 .icon[data-v-892d1f3c] {
  height: 30px;
  vertical-align: bottom;
  margin-right: 10px;
}
.toggleblock .content[data-v-892d1f3c] {
  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-892d1f3c] {
  margin-bottom: 0px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.toggleblock.small h2[data-v-892d1f3c] {
  padding: 0 0 5px 0;
  margin: 0;
  border-radius: 10px;
  margin-bottom: 10px;
}
.toggleblock.small.open h2[data-v-892d1f3c] {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.toggleblock.small .content[data-v-892d1f3c] {
  padding: 0;
}
.toggleblock.disabled[data-v-892d1f3c] {
  opacity: 0.5;
}
.blockContent[data-v-a974803a] {
  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-a974803a] {
  text-align: center;
}
.twitchauth .loader[data-v-a974803a] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.twitchauth .step[data-v-a974803a] {
  margin-top: 20px;
}
.twitchauth .step[data-v-a974803a]:not(:first-of-type) {
  margin-top: 40px;
}
.twitchauth .step .head[data-v-a974803a] {
  font-size: 20px;
  margin-bottom: 10px;
}
.twitchauth .step form[data-v-a974803a] {
  width: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}
.twitchauth .step form input[data-v-a974803a] {
  width: 100%;
  text-align: center;
}
.twitchauth .step form .submit[data-v-a974803a] {
  width: min-content;
  margin-top: 5px;
}
.twitchauth .step form .error[data-v-a974803a] {
  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-a974803a] {
  margin-bottom: 20px;
}
.twitchauth .step .block .twitchExt[data-v-a974803a] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchauth .step .block .twitchExt > *[data-v-a974803a]:not(:last-child) {
  margin-bottom: 5px;
}
.twitchauth .step .block .twitchExt .getAccess[data-v-a974803a] {
  font-size: 14px;
  font-style: italic;
  margin-top: -6px;
  margin-bottom: 10px;
  color: #c03131;
}
.twitchauth .step .block .url[data-v-a974803a] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.twitchauth .step .block .url .text[data-v-a974803a] {
  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-a974803a]:hover {
  word-wrap: break-word;
  overflow: visible;
  white-space: normal;
}
.twitchauth .step .block .url .button[data-v-a974803a] {
  padding: 5px 10px 5px 5px;
}
.twitchauth .step .block .url .button[data-v-a974803a] .icon {
  margin-left: 0px;
  margin-right: 0px;
}
.twitchauth .step .block .dmca div[data-v-a974803a],
.twitchauth .step .block .dmca .button[data-v-a974803a] {
  margin-bottom: 10px;
}
.twitchauth .spotifyConnect > *[data-v-a974803a] {
  margin-bottom: 20px;
}
.blockContent[data-v-40f53c08] {
  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-40f53c08] {
  text-align: center;
}
.twitchbroadcaster .icon[data-v-40f53c08] {
  height: 150px;
  display: block;
  margin: auto;
  margin-bottom: 20px;
}
.twitchbroadcaster .holder[data-v-40f53c08] {
  background-color: #57bfc9 !important;
  padding: 10px;
  border-radius: 7px;
  color: #fff;
}
.twitchbroadcaster .holder .button[data-v-40f53c08] {
  margin-top: 20px;
}
.twitchbroadcaster .holder .url[data-v-40f53c08] {
  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-b9ff13e9] {
  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-b9ff13e9] {
  margin-top: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchbroadcastercontrols .controls button[data-v-b9ff13e9] {
  min-width: 200px;
  margin-bottom: 5px;
}
.twitchbroadcastercontrols .tracks[data-v-b9ff13e9] {
  margin-top: 20px;
}
.twitchbroadcastercontrols .tracks .track[data-v-b9ff13e9] {
  margin-bottom: 5px;
}
.twitchbroadcastercontrols .timer[data-v-b9ff13e9] {
  display: block;
  margin: auto;
  width: min-content;
  margin-top: 20px;
  font-size: 30px;
  font-family: "Futura";
  font-weight: bold;
}
.twitchbroadcastercontrols .volume[data-v-b9ff13e9] {
  margin: auto;
  margin-top: 50px;
}
.blockContent[data-v-e13d6ce4] {
  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-e13d6ce4] {
  text-align: center;
}
.twitchextensionconfiguration *[data-v-e13d6ce4] {
  margin-bottom: 10px;
}
.twitchextensionconfiguration .logo[data-v-e13d6ce4] {
  width: 150px;
}
.blockContent[data-v-fde2c2c5] {
  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-fde2c2c5] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchintro .logo[data-v-fde2c2c5] {
  height: 200px;
}
.twitchintro > *[data-v-fde2c2c5] {
  margin-bottom: 20px;
}
.twitchintro strong[data-v-fde2c2c5] {
  color: #e6bf00;
}
.twitchintro .head[data-v-fde2c2c5] {
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
}
.twitchintro .error[data-v-fde2c2c5] {
  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-fde2c2c5] {
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
  color: #fff;
  padding: 5px;
  border-radius: 10px;
  background-color: #57bfc9;
}
.twitchintro .form[data-v-fde2c2c5] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 20px;
}
.twitchintro .form input[data-v-fde2c2c5] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.twitchintro .form .submit[data-v-fde2c2c5] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.blockContent[data-v-a56078f9] {
  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-a56078f9],
.TwitchGameStatus .fadeIn-leave-active[data-v-a56078f9] {
  opacity: 1;
  transition: opacity 1.5s;
}
.TwitchGameStatus .fadeIn-enter[data-v-a56078f9],
.TwitchGameStatus .fadeIn-leave-to[data-v-a56078f9] {
  opacity: 0;
}
.TwitchGameStatus .title[data-v-a56078f9] {
  text-align: center;
  margin-bottom: 0.55em;
}
.TwitchGameStatus .title .expertMode[data-v-a56078f9] {
  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-a56078f9] {
  white-space: nowrap;
  font-size: 1.5em;
}
.TwitchGameStatus .title .expertMode .head img[data-v-a56078f9] {
  height: 0.7em;
  vertical-align: middle;
}
.TwitchGameStatus .title .expertMode .type[data-v-a56078f9] {
  white-space: nowrap;
  color: #c03131;
}
.TwitchGameStatus .title .expertMode .type[data-v-a56078f9]::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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2024.1.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2087.4%2087.4'%20style='enable-background:new%200%200%2087.4%2087.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23CC0000;}%20%3c/style%3e%3cpath%20class='st0'%20d='M78.2,84.6c-1.7,0-3.3-0.7-4.5-1.9l-30-30l-30,30c-1.2,1.2-2.8,1.9-4.5,1.9s-3.3-0.7-4.5-1.9%20c-1.2-1.2-1.9-2.8-1.9-4.5s0.7-3.3,1.9-4.5l30-30l-30-30c-2.5-2.5-2.5-6.5,0-9c1.2-1.2,2.8-1.9,4.5-1.9s3.3,0.7,4.5,1.9l30,30l30-30%20c1.2-1.2,2.8-1.9,4.5-1.9s3.3,0.7,4.5,1.9c2.5,2.5,2.5,6.5,0,9l-30,30l30,30c2.5,2.5,2.5,6.5,0,9C81.5,83.9,79.9,84.6,78.2,84.6z'/%3e%3c/svg%3e");
}
.TwitchGameStatus .title .expertMode .type.active[data-v-a56078f9] {
  color: white;
}
.TwitchGameStatus .title .expertMode .type.active[data-v-a56078f9]::before {
  width: 0.75em;
  height: 0.75em;
  background-image: url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2025.0.1,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20125.8%20125.8'%20style='enable-background:new%200%200%20125.8%20125.8;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M110,21.4L48.4,85.9L14.9,56.5c-3.8-3.3-9.4-2.8-12.7,0.9s-2.8,9.4,0.9,12.7l0,0l39.9,35%20c3.6,3.2,9.1,2.9,12.5-0.5l67.6-70.8c3.5-3.5,3.5-9.2,0-12.7s-9.2-3.5-12.7,0C110.3,21.2,110.2,21.3,110,21.4%20C110.1,21.4,110,21.4,110,21.4z'/%3e%3c/svg%3e");
}
.TwitchGameStatus .logo[data-v-a56078f9] {
  height: 7em;
}
.TwitchGameStatus .joinBt[data-v-a56078f9] {
  background-color: #e6bf00 !important;
  padding: 0.8em !important;
  border-radius: 1em;
}
.TwitchGameStatus .joinBt[data-v-a56078f9]:hover {
  background-color: #e6bf00 !important;
}
.TwitchGameStatus .playlistsHolder[data-v-a56078f9] {
  background-color: #57bfc9 !important;
  padding: 0.8em;
  border-radius: 1em;
  margin-top: 10px;
  max-width: 80vw;
}
.TwitchGameStatus .playlistsHolder .playlistsTitle[data-v-a56078f9] {
  font-size: 1.5em;
  color: #fff;
  font-weight: bold;
  font-family: "Futura";
  margin-bottom: 0.5em;
}
.TwitchGameStatus .playlistsHolder .playlists[data-v-a56078f9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.TwitchGameStatus .playlistsHolder .playlists .playlist[data-v-a56078f9] {
  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-a56078f9]:not(:last-child) {
  margin-right: 0.5em;
}
.TwitchGameStatus .playlistsHolder .playlists .playlist .label[data-v-a56078f9] {
  color: #57bfc9;
  margin-left: 0.3em;
  font-size: 1em;
  overflow: hidden;
  text-overflow: ellipsis;
}
.TwitchGameStatus .playlistsHolder .playlists .playlist .cover[data-v-a56078f9] {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  object-fit: cover;
}
.blockContent[data-v-37e6fa02] {
  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-37e6fa02] {
  position: absolute;
  width: 35px;
  height: 35px;
  padding: 5px;
  bottom: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.twitchviewercontrols .content[data-v-37e6fa02] {
  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-37e6fa02],
.twitchviewercontrols .slide-leave-active[data-v-37e6fa02] {
  transition: all 0.5s;
  transform: translate(0, 0);
}
.twitchviewercontrols .slide-enter[data-v-37e6fa02],
.twitchviewercontrols .slide-leave-to[data-v-37e6fa02] {
  transform: translate(-100%, 0);
}
.blockContent[data-v-eaf23c2b] {
  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-eaf23c2b] {
  position: relative;
}
.twitchviewergame .countdown[data-v-eaf23c2b] {
  position: absolute;
  z-index: 4;
}
.twitchviewergame .step[data-v-eaf23c2b] {
  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-eaf23c2b] {
  font-size: 1em;
}
.twitchviewergame .step .count[data-v-eaf23c2b] {
  font-size: 1em;
  font-family: FuturaExtraBold;
  margin-top: 5px;
}
.twitchviewergame .timer[data-v-eaf23c2b] {
  width: 5.5em;
  height: 5.5em;
  margin: auto;
  z-index: 3;
}
.twitchviewergame .tracks[data-v-eaf23c2b] {
  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-eaf23c2b] {
  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-eaf23c2b] {
  height: 100%;
}
.twitchviewergame .tracks.center3rd .track[data-v-eaf23c2b]:nth-child(3) {
  display: block;
  margin: 0 4em;
}
.blockContent[data-v-05e9a54e] {
  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-05e9a54e] {
  text-align: center;
  margin-top: 20px;
}
.twitchviewerleaderboard .scrollable[data-v-05e9a54e] {
  height: 20em;
  overflow: hidden;
}
.twitchviewerleaderboard .scrollable .page[data-v-05e9a54e] {
  height: 20em;
  overflow: auto;
  box-sizing: border-box;
}
.twitchviewerleaderboard .scrollable .podium[data-v-05e9a54e] {
  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-05e9a54e] {
  flex-grow: 1;
  position: relative;
  text-align: center;
  max-width: 10em;
}
.twitchviewerleaderboard .scrollable .podium .user .name[data-v-05e9a54e] {
  font-family: "Futura";
  font-size: 2em;
  word-wrap: break-word;
  padding-left: 20px;
  padding-right: 20px;
}
.twitchviewerleaderboard .scrollable .podium .user .score[data-v-05e9a54e] {
  font-family: "FuturaExtraBold";
  font-size: 2.5em;
}
.twitchviewerleaderboard .scrollable .podium .user .score .exp[data-v-05e9a54e] {
  font-family: "Futura";
  font-size: 0.5em;
  vertical-align: top;
}
.twitchviewerleaderboard .scrollable .podium .user .background[data-v-05e9a54e] {
  -webkit-text-stroke: 0.5em #ffffff;
}
.twitchviewerleaderboard .scrollable .podium .user .foreground[data-v-05e9a54e] {
  position: absolute;
  top: 0;
  margin: auto;
  width: 100%;
}
.twitchviewerleaderboard .scrollable .podium .user .step[data-v-05e9a54e] {
  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-05e9a54e] {
  height: 3em;
  background-color: #57bfc9;
}
.twitchviewerleaderboard .scrollable .podium .user:nth-child(2) .step[data-v-05e9a54e] {
  height: 4em;
  background-color: #57bfc9;
}
.twitchviewerleaderboard .scrollable .podium .user:nth-child(3) .step[data-v-05e9a54e] {
  height: 2em;
  background-color: #57bfc9;
}
.twitchviewerleaderboard .scrollable .otherPlayers[data-v-05e9a54e] {
  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-05e9a54e] {
  overflow: auto;
  padding: 10px;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable[data-v-05e9a54e]::-webkit-scrollbar {
  display: none;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user[data-v-05e9a54e] {
  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-05e9a54e] {
  flex-grow: 1;
  text-align: center;
  font-family: "Futura";
  font-size: 1.25em;
  margin-right: 10px;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user .score[data-v-05e9a54e] {
  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-05e9a54e] {
  font-family: "Futura";
  font-size: 14px;
  vertical-align: top;
}
.twitchviewerleaderboard .scrollable .otherPlayers .scrollable .user .pos[data-v-05e9a54e] {
  font-size: 1em;
  font-family: "Futura";
  text-align: left;
  margin-right: 10px;
  min-width: 2em;
}
.blockContent[data-v-8291ec53] {
  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-8291ec53] {
  text-align: center;
}
.twitchviewer .controls[data-v-8291ec53] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.blockContent[data-v-6f59088d] {
  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-6f59088d] {
  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-6f59088d] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.twitchextension .loader[data-v-6f59088d] .icon {
  top: 12px;
  width: 70px;
  height: 70px;
}
.blockContent[data-v-2c397fc4] {
  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-2c397fc4] {
  width: 100vw;
  height: 100vh;
  transition: font-size 0.3s;
}
.twitchobs .subView[data-v-2c397fc4] {
  position: absolute;
  bottom: 5rem;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.twitchobs .loader[data-v-2c397fc4] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.twitchobs .loader[data-v-2c397fc4] .icon {
  top: 12px;
  width: 70px;
  height: 70px;
}
.blockContent[data-v-90681055] {
  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-90681055] {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.twitchlobby .playlists[data-v-90681055] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.twitchlobby .playlists h1[data-v-90681055] {
  margin-bottom: 20px;
}
.twitchlobby .playlists .playlist[data-v-90681055] {
  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-90681055] {
  color: #fff;
  margin-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.twitchlobby .playlists .playlist .cover[data-v-90681055] {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  object-fit: cover;
}
.twitchlobby .multipleWinners[data-v-90681055] {
  max-width: 300px;
  margin: auto;
  box-sizing: border-box;
}
.twitchlobby .obsConfig[data-v-90681055] {
  max-width: 300px;
  margin: auto;
  box-sizing: border-box;
}
.twitchlobby .obsConfig .content[data-v-90681055] {
  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-90681055] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.twitchlobby .obsConfig .content .url .text[data-v-90681055] {
  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-90681055]:hover {
  word-wrap: break-word;
  overflow: visible;
  white-space: normal;
}
.twitchlobby .obsConfig .content .url .button[data-v-90681055] {
  padding: 5px 10px 5px 5px;
}
.twitchlobby .obsConfig .content .url .button[data-v-90681055] .icon {
  margin-left: 0px;
  margin-right: 0px;
}
.twitchlobby .params[data-v-90681055] {
  margin: auto;
  width: min-content;
}
.twitchlobby .params .noBg[data-v-90681055] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 5px;
}
.twitchlobby .params .noBg label[data-v-90681055] {
  cursor: pointer;
  margin: 0;
  margin-left: 10px;
  white-space: nowrap;
}
.twitchlobby .block[data-v-90681055] {
  margin-bottom: 20px;
}
.twitchlobby .block .content[data-v-90681055] {
  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-90681055] {
  display: flex;
  margin: auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.twitchlobby .players[data-v-90681055] {
  margin-left: auto;
  margin-right: auto;
  width: 350px;
}
.twitchlobby .players .command[data-v-90681055] {
  margin-bottom: 10px;
  text-align: center;
}
.twitchlobby .players .command input[data-v-90681055] {
  text-align: center;
}
.twitchlobby .players .command .info[data-v-90681055] {
  font-size: 14px;
}
.twitchlobby .players .command .sendToChat[data-v-90681055] {
  margin-top: 10px;
}
.twitchlobby .players .playersCount[data-v-90681055] {
  text-align: center;
  font-style: italic;
  margin-bottom: 10px;
}
.twitchlobby .players .playersCount .icon[data-v-90681055] {
  height: 18px;
  margin-right: 5px;
  vertical-align: top;
}
.twitchlobby .players .users[data-v-90681055] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.twitchlobby .players .users .user[data-v-90681055] {
  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-90681055] {
  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("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2023.1.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Calque_1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%2087.4%2087.4'%20style='enable-background:new%200%200%2087.4%2087.4;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%23FFFFFF;}%20%3c/style%3e%3cpath%20class='st0'%20d='M78.2,84.6c-1.7,0-3.3-0.7-4.5-1.9l-30-30l-30,30c-1.2,1.2-2.8,1.9-4.5,1.9s-3.3-0.7-4.5-1.9%20c-1.2-1.2-1.9-2.8-1.9-4.5s0.7-3.3,1.9-4.5l30-30l-30-30c-2.5-2.5-2.5-6.5,0-9c1.2-1.2,2.8-1.9,4.5-1.9s3.3,0.7,4.5,1.9l30,30l30-30%20c1.2-1.2,2.8-1.9,4.5-1.9s3.3,0.7,4.5,1.9c2.5,2.5,2.5,6.5,0,9l-30,30l30,30c2.5,2.5,2.5,6.5,0,9C81.5,83.9,79.9,84.6,78.2,84.6z'/%3e%3c/svg%3e");
  position: absolute;
  top: 16px;
  right: 10px;
  margin-left: 20px;
  width: 20px;
  height: 20px;
}
.blockContent[data-v-cc26f1e7] {
  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-cc26f1e7] {
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.confirmView.hidden[data-v-cc26f1e7] {
  display: none;
}
.confirmView .dimmer[data-v-cc26f1e7] {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.confirmView .holder[data-v-cc26f1e7] {
  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-cc26f1e7] {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  font-family: "Futura";
}
.confirmView .holder .description[data-v-cc26f1e7] {
  margin-top: 20px;
  font-family: "FuturaLight";
}
.confirmView .holder .buttons[data-v-cc26f1e7] {
  display: flex;
  flex-direction: row;
  max-width: 220px;
  margin: auto;
  margin-top: 30px;
  justify-content: space-between;
}
.confirmView .holder .buttons button[data-v-cc26f1e7] {
  width: 100px;
}
@media only screen and (max-width: 500px) {
.confirm .holder[data-v-cc26f1e7] {
    padding: 15px;
    width: 90vw;
}
.confirm .holder .title[data-v-cc26f1e7] {
    font-size: 22px;
}
.confirm .holder .buttons[data-v-cc26f1e7] {
    margin-top: 15px;
}
.confirm .holder .buttons button[data-v-cc26f1e7] {
    font-size: 18px;
    padding: 10px;
}
}
@media only screen and (max-width: 360px) {
.confirm .holder[data-v-cc26f1e7] {
    padding: 15px;
    width: 90vw;
}
.confirm .holder .title[data-v-cc26f1e7] {
    font-size: 20px;
}
.confirm .holder .buttons[data-v-cc26f1e7] {
    margin-top: 15px;
}
.confirm .holder .buttons button[data-v-cc26f1e7] {
    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-a670b801] {
  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-a670b801] {
  min-height: 100%;
  padding: 20px 0;
  box-sizing: border-box;
  background-color: #def2f4;
}
.app.noBg[data-v-a670b801] {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  overflow: hidden;
}
.app.noBg .content[data-v-a670b801] {
  max-width: none;
}
.app .content[data-v-a670b801] {
  max-width: 500px;
  margin: auto;
}
.app .button.backHome[data-v-a670b801] {
  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-a670b801],
.app .button.backHome.slide-leave-active[data-v-a670b801] {
  transition: all 0.5s;
  transform: translate(0, 0);
}
.app .button.backHome.slide-enter[data-v-a670b801],
.app .button.backHome.slide-leave-to[data-v-a670b801] {
  transform: translate(-100%, -100%);
}
.app .sockStatus[data-v-a670b801] {
  position: fixed;
  bottom: 2px;
  left: 2px;
  opacity: 0.25;
  font-size: 12px;
  color: black;
}
.app .sockStatus[data-v-a670b801]::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-a670b801]::before {
  background: green;
}
@media only screen and (max-width: 500px) {
.app .content[data-v-a670b801] {
    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-BD-U87d8.woff") format('woff');
}
@font-face {
  font-family: "Futura";
  font-style: italic;
  src: url("/assets/FuturaStd-MediumOblique-ByVi4huj.woff") format('woff');
}
@font-face {
  font-family: "Futura";
  font-weight: bold;
  src: url("/assets/FuturaStd-Heavy-Dra2b4tL.woff") format('woff');
}
@font-face {
  font-family: "Futura";
  font-weight: bold;
  font-style: italic;
  src: url("/assets/FuturaStd-HeavyOblique-vWTj41Or.woff") format('woff');
}
@font-face {
  font-family: "FuturaExtraBold";
  src: url("/assets/FuturaStd-ExtraBold-qeMOTSfG.woff") format('woff');
}
@font-face {
  font-family: "FuturaExtraBold";
  font-style: italic;
  src: url("/assets/FuturaStd-ExtraBoldOblique-C5_FQTER.woff") format('woff');
}
@font-face {
  font-family: "FuturaLight";
  src: url("/assets/FuturaStd-Light-BnOwwncP.woff") format('woff');
}
@font-face {
  font-family: "FuturaLight";
  font-style: italic;
  src: url("/assets/FuturaStd-LightOblique-DA8X0VZ6.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;
}