.BasePopup[data-v-57ff586b] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  pointer-events: all;
}
.BasePopup__overlay[data-v-57ff586b] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.BasePopup__box[data-v-57ff586b] {
  width: var(--base-popup-width, 340px);
  min-height: var(--base-min-height, 180px);
  margin: auto;
  padding: 10px;
  position: relative;
  z-index: 1;
  background-color: #000;
  border: 1px solid #00ffff;
  border-radius: 10px;
}
.BasePopup__box[data-v-57ff586b]::before {
  content: '';
  display: block;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: -1;
  border: 1px solid #00ffff;
  border-radius: 14px;
  opacity: 0.3;
}
.BasePopup__close[data-v-57ff586b] {
  width: 14px;
  height: 14px;
  padding: 0;
  position: absolute;
  right: 12px;
  top: 12px;
  border: none;
  background-color: transparent;
  background-image: url(../gui/images/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.BasePopup__head[data-v-57ff586b] {
  padding: 4px 0 12px;
  border-bottom: 1px solid rgba(0, 255, 255, 0.5);
}
.BasePopup__title[data-v-57ff586b] {
  color: #00ffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}
.BasePopup__body[data-v-57ff586b] {
  padding: var(--base-popup-padding, 16px);
}


.BoxContentPopup[data-v-8bf31312] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: all;
}
.BoxContentPopup__box[data-v-8bf31312] {
  width: 100%;
  height: 100%;
  margin-top: 100px;
}
.BoxContentPopup__body[data-v-8bf31312] {
  display: flex;
  justify-content: center;
  padding: 0px 10px 0px 10px;
  width: 100%;
  max-height: calc(100% - 308px);
}
.BoxContentPopup__content[data-v-8bf31312] {
  position: relative;
  max-width: 450px;
  display: flex;
  justify-content: center;
  width: max-content;
}
.BoxContentPopup__content > img[data-v-8bf31312] {
  height: 100%;
  object-fit: contain;
  max-height: calc(100vh - 140px);
}
.BoxContentPopup__title[data-v-8bf31312] {
  position: absolute;
  top: 2%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
}
.BoxContentPopup__close[data-v-8bf31312] {
  position: absolute;
  top: 2.5%;
  right: 13%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("../gui/images/user-inventory/inventory/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.BoxContentPopup__close[data-v-8bf31312]:hover {
  cursor: pointer;
}
.BoxContentPopup__cards[data-v-8bf31312] {
  display: grid;
  position: absolute;
  grid-template-columns: repeat(3, 1fr);
  align-content: flex-start;
  gap: 10px;
  padding: 8px;
  margin-top: 16px;
  flex-grow: 1;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  max-height: 57%;
  width: 83%;
  top: 12%;
}
.BoxContentPopup__card[data-v-8bf31312] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: none;
  position: relative;
}
.BoxContentPopup__card[data-rare="rare"][data-v-8bf31312] {
  --color: #123EAB;
}
.BoxContentPopup__card[data-rare="mithic"][data-v-8bf31312] {
  --color: #640CAB;
}
.BoxContentPopup__card[data-rare="legendary"][data-v-8bf31312] {
  --color: #FF6200;
}
.BoxContentPopup__cardName[data-v-8bf31312] {
  position: absolute;
  left: 50%;
  top: 1%;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
  transform: translateX(-50%);
}
.BoxContentPopup__cardFigure[data-v-8bf31312] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  height: 54%;
  margin-top: -8px;
  z-index: 0;
}
.BoxContentPopup__cardImage[data-v-8bf31312] {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
}
.BoxContentPopup__cardCaption[data-v-8bf31312] {
  position: absolute;
  bottom: 7%;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
}
.BoxContentPopup__bottom[data-v-8bf31312] {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 79%;
  top: 78%;
}
@keyframes zoomOut-8bf31312 {
from {
    opacity: 1;
    transform: translate(-50%, -50%) scale(0.95, 0.95);
}
50% {
    transform: translate(-50%, -50%) scale(1.1, 1.3);
    opacity: 0.5;
}
to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2, 1.6);
}
}
.BoxContentPopup__animation[data-v-8bf31312] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.BoxContentPopup__button[data-v-8bf31312] {
  /* background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%);  */
  box-shadow: 
  0px 0px 13.5px rgba(0, 94, 234, 1), 
  0px 0px 27px rgba(0, 94, 234, 1),  
  0px 0px 94.5px rgba(0, 94, 234, 1),
  0px 0px 189px rgba(0, 94, 234, 1), 
  0px 0px 324px rgba(0, 94, 234, 1), 
  0px 0px 567px rgba(0, 94, 234, 1);
  text-align: center;
  background-color: rgb(1, 105, 237, 0.8);
  width: 86%;
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; 
  border-radius: 50px;
  transition: transform 0.3s ease;
}
.BoxContentPopup__button[data-v-8bf31312]:hover {
  cursor: pointer;
  transform: scale(1.05);
}
.BoxContentPopup__button-text[data-v-8bf31312] {
  font-style: normal;
  font-size: 32px;
  color: white;
  display: flex;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  position: absolute;
}
.BoxContentPopup__button-animation[data-v-8bf31312] {
  width: 84%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1,1);
  transform-origin: center;
  opacity: 1;
  z-index: 1;
  animation: zoomOut-8bf31312 6s infinite forwards linear;
}
.BoxContentPopup__button-animation img[data-v-8bf31312] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
@keyframes zoomOut-8bf31312 {
from {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1,1);
}
50% {
      transform: translate(-50%, -50%) scale(1.1,1.2);
      opacity: 0.5;
}
to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.2,1.4);
}
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(1) {
  animation-delay: calc(1000ms * -10);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(2) {
  animation-delay: calc(1000ms * -9);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(3) {
  animation-delay: calc(1000ms * -8);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(4) {
  animation-delay: calc(1000ms * -7);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(5) {
  animation-delay: calc(1000ms * -6);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(6) {
  animation-delay: calc(1000ms * -5);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(7) {
  animation-delay: calc(1000ms * -4);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(8) {
  animation-delay: calc(1000ms * -3);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(9) {
  animation-delay: calc(1000ms * -2);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(10) {
  animation-delay: calc(1000ms * -1);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(11) {
  animation-delay: calc(1000ms * 0);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(12) {
  animation-delay: calc(1000ms * 1);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(13) {
  animation-delay: calc(1000ms * 2);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(14) {
  animation-delay: calc(1000ms * 3);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(15) {
  animation-delay: calc(1000ms * 4);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(16) {
  animation-delay: calc(1000ms * 5);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(17) {
  animation-delay: calc(1000ms * 6);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(18) {
  animation-delay: calc(1000ms * 7);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(19) {
  animation-delay: calc(1000ms * 8);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(20) {
  animation-delay: calc(1000ms * 9);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(21) {
  animation-delay: calc(1000ms * 10);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(22) {
  animation-delay: calc(1000ms * 11);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(23) {
  animation-delay: calc(1000ms * 12);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(24) {
  animation-delay: calc(1000ms * 13);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(25) {
  animation-delay: calc(1000ms * 14);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(26) {
  animation-delay: calc(1000ms * 15);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(27) {
  animation-delay: calc(1000ms * 16);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(28) {
  animation-delay: calc(1000ms * 17);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(29) {
  animation-delay: calc(1000ms * 18);
}
.BoxContentPopup__button-animation[data-v-8bf31312]:nth-child(30) {
  animation-delay: calc(1000ms * 19);
}
@media (max-width: 980px) {
.BoxContentPopup__body[data-v-8bf31312] {
    max-height: calc(100% - 140px);
}
}
@media (max-width: 375px) {
.BoxContentPopup__close[data-v-8bf31312] {
    top: 2%;
}
.BoxContentPopup__title[data-v-8bf31312] {
    font-size: 18px;
}
}
.BoxContentPopup__cards[data-v-8bf31312]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.BoxContentPopup__cards[data-v-8bf31312]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.BoxContentPopup__cards[data-v-8bf31312]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  height: 10%;
  border-radius: 10px;
}
.BoxContentPopup__cards[data-v-8bf31312]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-height: 667px) {
.BoxContentPopup__title[data-v-8bf31312] {
    font-size: 18px;
}
.BoxContentPopup__button-text[data-v-8bf31312] {
    font-size: 22px;
}
}
.ConfirmPopup[data-v-22c26d8d] {
  --base-popup-padding: 0;
  --base-min-height: 100px;
}
.ConfirmPopup__content[data-v-22c26d8d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 6px 6px 12px;
  color: #fff;
}
.ConfirmPopup__title[data-v-22c26d8d] {
  color: #F9EB21;
  font-size: 22px;
}
.ConfirmPopup__text[data-v-22c26d8d] {
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}
.ConfirmPopup__buttons[data-v-22c26d8d] {
  display: flex;
  gap: 16px;
  margin-top: 12px;
}
.ConfirmPopup__button[data-v-22c26d8d] {
  max-width: 80px;
  width: 100%;
  padding: 8px;
  border: none;
  background-color: #F9EB21;
  color: #000;
  font-size: 14px;
  font-family: inherit;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease 200ms transform;
  will-change: transform;
}
.ConfirmPopup__button.is-cancel[data-v-22c26d8d] {
  background-color: #00FFFF;
}
.ConfirmPopup__button[data-v-22c26d8d]:hover {
  transform: scale(1.04);
}
.ConfirmPopup__button[data-v-22c26d8d]:active {
  transform: scale(1);
}

.InventoryCardPopup[data-v-06279a1a] {
  --base-popup-padding: 0;
}
.InventoryCardPopup__content[data-v-06279a1a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-top: 24px;
  padding-bottom: 12px;
  color: #fff;
}
.InventoryCardPopup__preview[data-v-06279a1a] {
  max-width: 220px;
  min-height: 72px;
  max-height: 220px;
}
.InventoryCardPopup__image[data-v-06279a1a] {
  display: block;
  max-width: 100%;
  object-fit: contain;
  border: 1px solid #00FFFF;
}
.InventoryCardPopup__title[data-v-06279a1a] {
  color: #F9EB21;
  margin-top: 16px;
  font-size: 22px;
  text-transform: uppercase;
}
.InventoryCardPopup__text[data-v-06279a1a] {
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}
.InventoryCardPopup__button[data-v-06279a1a] {
  max-width: 120px;
  margin-top: 12px;
  padding: 8px;
  border: none;
  background-color: #00FFFF;
  color: #000;
  font-size: 16px;
  font-family: inherit;
  font-weight: 400;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease 200ms transform;
  will-change: transform;
}
.InventoryCardPopup__button[data-v-06279a1a]:hover {
  transform: scale(1.04);
}
.InventoryCardPopup__button[data-v-06279a1a]:active {
  transform: scale(1);
}

.LevelsPanel[data-v-9b00c9a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  pointer-events: all;
  user-select: none;
  cursor: default;
}
.LevelsPanel__toggle[data-v-9b00c9a0] {
  display: none;
  width: 38px;
  height: 10px;
  position: relative;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../gui/images/modes/modes-toggle-button.svg);
  cursor: pointer;
  outline: none;
  opacity: 0.8;
  transition: ease opacity 200ms, ease transform 200ms;
}
.LevelsPanel__toggle[data-v-9b00c9a0]::before {
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  pointer-events: none;
}
.LevelsPanel.is-hidden .LevelsPanel__toggle[data-v-9b00c9a0] {
  transform: scale(-1);
}
.LevelsPanel__toggle[data-v-9b00c9a0]:hover {
  opacity: 1;
}
.LevelsPanel__group[data-v-9b00c9a0] {
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 36px;
  position: relative;
  z-index: 1;
}
.LevelsPanel__button[data-v-9b00c9a0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  border: none;
  background-color: transparent;
  color: #00ffff;
  font-size: 14px;
  text-transform: none;
  cursor: pointer;
  outline: none;
}
.LevelsPanel__button[data-v-9b00c9a0]::before {
  content: '';
  width: 60px;
  height: 60px;
  margin-bottom: 6px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../gui/images/levels/level-5.svg);
  opacity: 0.3;
  transition: ease opacity 200ms;
}
.LevelsPanel__button.is-level-1[data-v-9b00c9a0]::before {
  width: 28px;
  height: 28px;
  background-image: url(../gui/images/levels/level-1.svg);
}
.LevelsPanel__button.is-level-2[data-v-9b00c9a0]::before {
  width: 36px;
  height: 36px;
  background-image: url(../gui/images/levels/level-2.svg);
}
.LevelsPanel__button.is-level-3[data-v-9b00c9a0]::before {
  width: 44px;
  height: 44px;
  background-image: url(../gui/images/levels/level-3.svg);
}
.LevelsPanel__button.is-level-4[data-v-9b00c9a0]::before {
  width: 52px;
  height: 52px;
  background-image: url(../gui/images/levels/level-4.svg);
}
.LevelsPanel__button[data-v-9b00c9a0]:hover::before {
  opacity: 0.5;
}
.LevelsPanel__button.is-active[data-v-9b00c9a0]::before {
  opacity: 1;
}
.LevelsPanel__caption[data-v-9b00c9a0] {
  font-size: 14px;
  line-height: 1.1;
  color: #00ffff;
}
@media (max-width: 980px) {
.LevelsPanel[data-v-9b00c9a0] {
    width: 100%;
    max-width: calc(100% - 40px);
    margin: auto;
    padding: 10px 0 14px;
    border-top: 1px solid rgba(0, 255, 255, 0.3);
}
.LevelsPanel__toggle[data-v-9b00c9a0] {
    display: block;
}
.LevelsPanel__group[data-v-9b00c9a0] {
    flex-direction: row-reverse;
    align-items: flex-end;
    gap: 24px;
}
.LevelsPanel.is-hidden .LevelsPanel__group[data-v-9b00c9a0],
  .LevelsPanel.is-hidden .LevelsPanel__caption[data-v-9b00c9a0] {
    display: none;
}
.LevelsPanel__button.is-level-1[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-2[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-3[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-4[data-v-9b00c9a0]::before,
  .LevelsPanel__button.is-level-5[data-v-9b00c9a0]::before {
    height: 60px;
}
}

.Logo[data-v-1a9d08a9] {
  width: 172px;
  height: 50px;
  background-image: url(../gui/images/preloader/header-logo-text.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 425px) {
.Logo[data-v-1a9d08a9] {
    width: 150px;
    height: 46px;
}
}
@media (max-width: 375px) {
.Logo[data-v-1a9d08a9] {
    width: 140px;
    height: 46px;
}
}

.ModesPanel[data-v-aced28f6] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  width: 100%;
  max-width: 540px;
  pointer-events: all;
  cursor: default;
  user-select: none;
  transition: ease-in-out transform 300ms;
}
.ModesPanel.is-hidden[data-v-aced28f6] {
  transform: translateY(100%);
}
.ModesPanel__toggle[data-v-aced28f6] {
  width: 38px;
  height: 10px;
  position: relative;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../gui/images/modes/modes-toggle-button.svg);
  cursor: pointer;
  outline: none;
  opacity: 0.8;
  transition: ease opacity 200ms, ease transform 200ms;
}
.ModesPanel__toggle[data-v-aced28f6]::before {
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  pointer-events: none;
}
.ModesPanel.is-hidden .ModesPanel__toggle[data-v-aced28f6] {
  transform: scale(-1);
}
.ModesPanel__toggle[data-v-aced28f6]:hover {
  opacity: 1;
}
.ModesPanel__group[data-v-aced28f6] {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  padding-top: 24px;
  transition: ease opacity 200ms, ease visibility 200ms;
}
.ModesPanel.is-hidden .ModesPanel__group[data-v-aced28f6] {
  opacity: 0;
  visibility: hidden;
}
.ModesPanel__group[data-v-aced28f6]::before {
  content: '';
  width: 100%;
  height: 64px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../gui/images/modes/mode-panel-outline.svg);
}
.ModesPanel__button[data-v-aced28f6] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60px;
  border: none;
  background-color: transparent;
  color: #00ffff;
  font-size: 14px;
  text-transform: none;
  cursor: pointer;
  outline: none;
}
.ModesPanel__button[data-v-aced28f6]::before,
.ModesPanel__button[data-v-aced28f6]::after {
  content: '';
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0.3;
  transition: ease opacity 200ms;
}
.ModesPanel__button[data-v-aced28f6]::after {
  width: 50px; /* 27px; */
  height: 27px; /* 7px; */
  margin-top: -2px;
  margin-bottom: 0;
  opacity: 0;
  background-image: url(../gui/images/modes/mode-active-marker.svg);
}
.ModesPanel__button.is-phantom[data-v-aced28f6]::before {
  background-image: url(../gui/images/modes/mode-phantom.svg);
}
.ModesPanel__button.is-real[data-v-aced28f6]::before {
  background-image: url(../gui/images/modes/mode-real.svg);
}
.ModesPanel__button.is-season[data-v-aced28f6]::before {
  width: 80px;
  height: 80px;
  margin-top: -10px;
  margin-bottom: 0;
  background-image: url(../gui/images/modes/mode-season.svg);
}
.ModesPanel__button.is-disabled[data-v-aced28f6] {
  user-select: none;
  pointer-events: none;
  filter: grayscale() brightness(0.5);
  transition: none;
}
.ModesPanel__button.is-active[data-v-aced28f6] {
  cursor: pointer;
  pointer-events: none;
}
.ModesPanel__button[data-v-aced28f6]:hover::before,
.ModesPanel__button.is-active[data-v-aced28f6]::before,
.ModesPanel__button.is-active[data-v-aced28f6]::after {
  opacity: 1;
}
@media (max-width: 980px) {
.ModesPanel[data-v-aced28f6] {
    max-width: calc(100% - 40px);
    padding: 10px 0;
    border-top: 1px solid rgba(0, 255, 255, 0.3);
}
.ModesPanel.is-hidden[data-v-aced28f6] {
    transition: none;
    transform: none;
}
.ModesPanel.is-hidden .ModesPanel__group[data-v-aced28f6],
  .ModesPanel__group[data-v-aced28f6]::before {
    display: none;
}
.ModesPanel__group[data-v-aced28f6] {
    gap: 16px;
    padding-top: 4px;
}
}

.PlasmaMintPopup[data-v-38939b67] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: all;
}
.PlasmaMintPopup__overlay[data-v-38939b67] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.PlasmaMintPopup__box[data-v-38939b67] {
  width: 340px;
  min-height: 180px;
  margin: auto;
  padding: 10px;
  position: relative;
  z-index: 1;
  background-color: #000;
  border: 1px solid #00ffff;
  border-radius: 10px;
}
.PlasmaMintPopup__box[data-v-38939b67]::before {
  content: '';
  display: block;
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  position: absolute;
  left: -6px;
  top: -6px;
  z-index: -1;
  border: 1px solid #00ffff;
  border-radius: 14px;
  opacity: 0.3;
}
.PlasmaMintPopup__close[data-v-38939b67] {
  width: 14px;
  height: 14px;
  padding: 0;
  position: absolute;
  right: 16px;
  top: 16px;
  border: none;
  background-color: transparent;
  background-image: url(../gui/images/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.PlasmaMintPopup__head[data-v-38939b67] {
  padding: 4px 0 12px;
  border-bottom: 1px solid rgba(0, 255, 255, 0.5);
}
.PlasmaMintPopup__title[data-v-38939b67] {
  color: #00ffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
}
.PlasmaMintPopup__label[data-v-38939b67] {
  margin-top: 16px;
  color: #00ffff;
  font-size: 18px;
  font-weight: 400;
}
.PlasmaMintPopup__field[data-v-38939b67] {
  width: 100%;
  height: 30px;
  margin-top: 10px;
  padding: 8px;
  border: none;
  background-color: #fff;
  border-radius: 2px;
}
.PlasmaMintPopup__button[data-v-38939b67] {
  width: 100%;
  margin-top: 30px;
  padding: 8px 10px;
  color: #000;
  background-color: #00ffff;
  border: none;
  border-radius: 2px;
  font-size: 22px;
  font-weight: 400;
  text-transform: uppercase;
}
.PlasmaMintPopup__button[disabled][data-v-38939b67] {
  opacity: 0.6;
  user-select: none;
  pointer-events: none;
}

/* component style */
.vue-slider-disabled .vue-slider-process {
  background-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-dot-handle {
  border-color: #a7a7a7;
}
.vue-slider-disabled .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #a7a7a7;
}

/* rail style */
.vue-slider-rail {
  background-color: whitesmoke;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-rail {
  background-color: #e1e1e1;
}

/* process style */
.vue-slider-process {
  background-color: #9cd5ff;
  border-radius: 15px;
  transition: background-color 0.3s;
}
.vue-slider:hover .vue-slider-process {
  background-color: #69c0ff;
}

/* mark style */
.vue-slider-mark-step {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #e8e8e8;
  background-color: #fff;
}
.vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #9cd5ff;
}
.vue-slider:hover .vue-slider-mark-step-active {
  box-shadow: 0 0 0 2px #69c0ff;
}

.vue-slider-mark-label {
  font-size: 12px;
  white-space: nowrap;
}
/* dot style */
.vue-slider-dot-handle {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #9cd5ff;
  box-sizing: border-box;
  transition: box-shadow 0.3s, border-color 0.3s;
}
.vue-slider:hover .vue-slider-dot-handle {
  border-color: #69c0ff;
}

.vue-slider-dot-handle-focus {
  border-color: #36abff;
  box-shadow: 0 0 0 5px rgba(54, 171, 255, 0.2);
}
.vue-slider:hover .vue-slider-dot-handle-focus {
  border-color: #36abff;
}

.vue-slider-dot-handle:hover {
  border-color: #36abff;
}
.vue-slider:hover .vue-slider-dot-handle:hover {
  border-color: #36abff;
}

.vue-slider-dot-handle-disabled {
  cursor: not-allowed;
  border-color: #ddd !important;
}

.vue-slider-dot-tooltip {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s;
}
.vue-slider-dot-tooltip-inner {
  font-size: 14px;
  white-space: nowrap;
  padding: 6px 8px;
  color: #fff;
  border-radius: 5px;
  border-color: rgba(0, 0, 0, 0.75);
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transform: scale(0.9);
  transition: transform 0.3s;
}
.vue-slider-dot-tooltip-inner::after {
  content: "";
  position: absolute;
}
.vue-slider-dot-tooltip-inner-top::after {
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-top-color: inherit;
}
.vue-slider-dot-tooltip-inner-bottom::after {
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-bottom-color: inherit;
}
.vue-slider-dot-tooltip-inner-left::after {
  left: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-left-color: inherit;
}
.vue-slider-dot-tooltip-inner-right::after {
  right: 100%;
  top: 50%;
  transform: translate(0, -50%);
  height: 0;
  width: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px;
  border-right-color: inherit;
}
.vue-slider-dot-tooltip-inner-top {
  transform-origin: 50% 100%;
}
.vue-slider-dot-tooltip-inner-bottom {
  transform-origin: 50% 0;
}
.vue-slider-dot-tooltip-inner-left {
  transform-origin: 100% 50%;
}
.vue-slider-dot-tooltip-inner-right {
  transform-origin: 0% 50%;
}

.vue-slider-dot:hover .vue-slider-dot-tooltip, .vue-slider-dot-tooltip-show {
  opacity: 1;
  visibility: visible;
}
.vue-slider-dot:hover .vue-slider-dot-tooltip .vue-slider-dot-tooltip-inner, .vue-slider-dot-tooltip-show .vue-slider-dot-tooltip-inner {
  transform: scale(1);
}

.PlasmaSlider[data-v-6b819cd9] {
  padding: 4px 0 !important;
  margin-bottom: 24px;
}
.PlasmaSlider__tooltip[data-v-6b819cd9] {
  padding-top: 2px;
  color: #eaf5fa;
  border-top: 1px solid currentColor;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}
.PlasmaSlider__tooltip[data-v-6b819cd9]::before {
  content: '';
  display: block;
  width: 10px;
  height: 8px;
  position: absolute;
  bottom: 100%;
  left: calc(50% - 5px);
  background-image: url(../gui/images/boost-marker.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.PowerIndicator[data-v-b2c1e6e2] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  padding: 0;
  position: absolute;
  right: 60px;
  bottom: 60px;
  z-index: 10;
  background-color: #fff;
  border: none;
  border-radius: 12px;
  pointer-events: all;
  cursor: pointer;
  will-change: transform;
  transition: ease transform 200ms;
}
.PowerIndicator[data-v-b2c1e6e2]:hover {
  transform: scale(1.05);
}
.PowerIndicator.active[data-v-b2c1e6e2] {
  transform: scale(0.95);
}
.PowerIndicator__arrow[data-v-b2c1e6e2] {
  width: 24px;
  height: 2px;
  position: relative;
  background-color: #333;
  transform-origin: 100% 50%;
  transform: translateX(-12px) translateY(7px) rotate(var(--rotation));
}
.PowerIndicator__arrow[data-v-b2c1e6e2]::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  right: -3px;
  top: -2px;
  background-color: #333;
  transform: rotate(45deg);
}
.PowerIndicator__power[data-v-b2c1e6e2] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: 5%;
  z-index: 1;
  color: #333;
  font-weight: 700;
}
.PowerIndicator__overlay[data-v-b2c1e6e2] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: currentColor;
  border-radius: 12px;
  pointer-events: none;
  transition: ease color 200ms;
}

.SearchInput[data-v-7e0bae60] {
  position: relative;
  width: 100%;
}
.SearchInput__field[data-v-7e0bae60] {
  width: 100%;
  max-width: 620px;
  height: 50px;
  margin-top: 10px;
  padding: 4px 8px;
  padding-right: 40px;
  color: #00FFFF;
  border: 1px solid currentColor !important;
  border: none;
  outline: none;
  border-radius: 14px;
  background-color: #000;
  font-family: inherit;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
}
.SearchInput__button[data-v-7e0bae60] {
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  /* center vertically on the input field (margin-top 10px + height 50px) */
  top: 35px;
  right: 12px;
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
  background-image: url(../gui/images/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 150ms ease;
}
.SearchInput__button[data-v-7e0bae60]:hover {
  opacity: 1;
}

.SearchingIndicator[data-v-4721098c] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 120px;
  height: 60px;
  padding: 5px;
  background-image: url(../gui/images/searching-indicator-bg.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 120px 80px;
  background-color: transparent;
  border: none;
  color: #00f0ff;
  font-family: 'Exo 2', sans-serif;
}
.SearchingIndicator__label[data-v-4721098c] {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.1;
  text-transform: uppercase;
}
.SearchingIndicator__loading[data-v-4721098c] {
  display: flex;
  gap: 4px;
}
.SearchingIndicator__dot[data-v-4721098c] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: relative;
  box-shadow: inset 0 0 4px currentColor;
  transition: ease opacity 200ms;
}
.SearchingIndicator__dot[data-v-4721098c]::after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: currentColor;
  box-shadow: 0 0 6px currentColor;
  opacity: 0;
  transition: ease opacity 200ms;
}
.SearchingIndicator__dot.is-active[data-v-4721098c]::after {
  opacity: 1;
}
.SearchingIndicator__dot.is-disabled[data-v-4721098c] {
  opacity: 0.5;
}
.SearchingIndicator__dot.is-disabled[data-v-4721098c]::after {
  opacity: 0;
}
.SearchingIndicator__time[data-v-4721098c] {
  font-weight: 500;
  font-size: 15px;
  line-height: 1.1;
  text-transform: uppercase;
}

.volume-control[data-v-47775167] {
  display: flex;
  align-items: center;
}
.volume-control__indicator[data-v-47775167] {
  display: block;
  padding: 0;
  width: 28px;
  height: 28px;
  background-color: transparent;
  color: currentColor;
  border: none;
  cursor: pointer;
}
.volume-control__icon[data-v-47775167] {
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(../gui/images/volume.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.volume-control__icon.is-mute[data-v-47775167] {
  background-image: url(../gui/images/volume-mute.svg);
}
.volume-control__line[data-v-47775167] {
  margin-left: 6px;
  width: 86px;
  height: 4px;
  position: relative;
  z-index: 0;
  background-color: #102b41;
  cursor: pointer;
  user-select: none;
}
.volume-control__level[data-v-47775167] {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background-color: #00f0ff;
  pointer-events: none;
}
.volume-control__point[data-v-47775167] {
  width: 2px;
  height: 8px;
  position: absolute;
  left: 0%;
  top: 50%;
  background-color: #00f0ff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: ease transform 200ms;
  pointer-events: none;
}

.settings-popup[data-v-4e3d0886] {
  /* width: 280px;
  background-color: #131b36; */
  width: 100%;
}

/* .settings-popup::before,
.settings-popup::after {
  content: '';
  width: 114%;
  height: 80%;
  position: absolute;
  left: -7%;
  top: -16%;
  background-image: url(../gui/images/settings-edge.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
} */
.settings-popup[data-v-4e3d0886]::after {
  top: auto;
  bottom: -17%;
  transform: scaleY(-1);
}
.settings-popup__list[data-v-4e3d0886] {
  margin: 0;
  padding: 0 6px;
  list-style: none;
}
.settings-popup__item[data-v-4e3d0886] {
  display: flex;
  align-items: center;
  padding: 8px 6px;
}
.settings-popup__item + .settings-popup__item[data-v-4e3d0886] {
  border-top: 1px solid rgba(0, 240, 255, 0.3);
}
.settings-popup__label[data-v-4e3d0886] {
  flex-grow: 1;
  color: #00f0ff;
  font-family: 'Inter';
  font-weight: 300;
  font-size: 13px;
  line-height: 1.12;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000000;
}
.settings-popup__controls[data-v-4e3d0886] {
  width: 120px;
  margin-left: 16px;
  opacity: 0.4;
  transition: ease opacity 200ms;
}
.settings-popup__controls[data-v-4e3d0886]:hover {
  opacity: 1;
}
.settings-popup__fullscreen[data-v-4e3d0886] {
  display: inline-block;
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(../gui/images/fullscreen-on.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.settings-popup__fullscreen.is-active[data-v-4e3d0886] {
  background-image: url(../gui/images/fullscreen-off.svg);
}
.settings-popup__exit[data-v-4e3d0886] {
  flex-grow: 1;
  padding: 6px 0;
  background-color: transparent;
  border: none;
  color: #00f0ff;
  font-family: 'Inter';
  font-weight: 300;
  font-size: 13px;
  line-height: 1.12;
  text-transform: uppercase;
  text-shadow: 0px 0px 20px #000000;
  text-align: left;
  cursor: pointer;
  transition: color ease 200ms;
}
.settings-popup__exit[data-v-4e3d0886]:hover {
  color: #39B24A;
}

.StarBoostPanel {
  width: 307px;
  position: absolute;
  left: calc(50% - 144px);
  top: calc(50% - 190px);
  will-change: transform;
  pointer-events: all;
  cursor: default;
}

.StarBoostPanel__header,
.StarBoostPanel__body {
  height: 94px;
  width: 100%;
  padding: 26px 26px 0 10px;
  background-image: url('../gui/images/star-tooltip/star-boost-panel.png');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 100%;
}

.StarBoostPanel__header {
  display: flex;
}

.StarBoostPanel__body {
  height: auto;
  min-height: 140px;
  max-height: 382px;
  padding: 2px 36px 10px 18px;
  background-position: 0 100%;
}

.StarBoostPanel__close {
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 11px;
  top: 19px;
  border: none;
  background-color: transparent;
  border-radius: 50%;
}

.StarBoostPanel__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 12px;
  color: #fff;
  font-weight: 800;
  font-size: 32px;
  line-height: 1;
  text-transform: uppercase;
}

.StarBoostPanel__group {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 8px 0;
}

.StarBoostPanel__group + .StarBoostPanel__group {
  border-top: 1px solid #47a8d1;
}

.StarBoostPanel__level,
.StarBoostPanel__level-progress {
  width: 100%;
  height: 10px;
  position: relative;
  border-radius: 8px;
  background-color: #66abc9;
}

.StarBoostPanel__level {
  margin-bottom: 20px;
}

.StarBoostPanel__level-progress {
  width: 0%;
  position: absolute;
  left: 0;
  top: 0;
  position: relative;
  color: #eaf5fa;
  background-color: currentColor;
}

.StarBoostPanel__level-value {
  padding-top: 2px;
  position: absolute;
  left: 100%;
  top: calc(100% + 8px);
  color: currentColor;
  border-top: 1px solid currentColor;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  transform: translateX(-50%);
}

.StarBoostPanel__level-value::before {
  content: '';
  display: block;
  width: 10px;
  height: 8px;
  position: absolute;
  bottom: 100%;
  left: calc(50% - 5px);
  background-image: url(../gui/images/boost-marker.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}

.StarBoostPanel__label {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
}

.StarBoostPanel__slider {
  margin-top: 2px;
}

.StarBoostPanel__label.is-white {
  color: #fff;
}

.StarBoostPanel__wallet {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: #ffffff;
}

.StarBoostPanel__wallet.is-blocked {
  color: #ed1c24;
}

.StarBoostPanel__price {
  position: relative;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
}

.StarBoostPanel__currency {
  position: relative;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

.StarBoostPanel__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  background-color: #47a8d1;
  border: none;
  color: #333;
  font-family: inherit;
  font-weight: 800;
  font-size: 18px;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease background-color 200ms;
}

.StarBoostPanel__button:hover {
  background-color: #5ab1d6;
}

.StarBoostPanel__button:active {
  background-color: #47a8d1;
}

.StarBoostPanel__button.is-yellow {
  background-color: #edbf1c;
  color: #fff;
  box-shadow: 0px 0px 19px #f7931e;
}

.StarBoostPanel__button.is-yellow:hover {
  background-color: #f8d144;
}

.StarBoostPanel__button.is-yellow:active {
  background-color: #edbf1c;
}

.StarBoostPanel__button[disabled] {
  opacity: 0.2;
  pointer-events: none;
  user-select: none;
}

.StarBoostPanel__skeleton {
  width: 100%;
  background-color: #1e7fa9;
  animation: pulse 2s infinite;
}

.StarBoostPanel__skeleton.is-level {
  height: 12px;
  margin-bottom: 18px;
}

.StarBoostPanel__skeleton.is-label {
  width: 80px;
  height: 14px;
  margin-bottom: 8px;
}

.StarBoostPanel__skeleton.is-slider {
  height: 18px;
  margin-bottom: 24px;
}

.StarBoostPanel__skeleton.is-balance {
  width: calc(100% - 40px);
  height: 38px;
  margin-bottom: -2px;
}

.StarBoostPanel__skeleton.is-button {
  height: 64px;
}

.StarCreationPanel {
  width: 307px;
  position: absolute;
  left: calc(50% - 144px);
  top: calc(50% - 190px);
  will-change: transform;
  pointer-events: all;
  cursor: default;
}

.StarCreationPanel__header,
.StarCreationPanel__body,
.StarCreationPanel__footer {
  height: 132px;
  width: 100%;
  background-image: url('../gui/images/star-tooltip/star-create-panel.png');
  background-repeat: no-repeat;
  background-position: 0% 0%;
  background-size: 100%;
}

.StarCreationPanel__body {
  height: auto;
  min-height: 140px;
  max-height: 246px;
  padding: 0 20px;
  padding-right: 40px;
  background-position: 0 calc(100% + 18px);
}

.StarCreationPanel:not(.is-connected) .StarCreationPanel__body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 30px;
}

.StarCreationPanel__footer {
  height: 18px;
  background-position: 0 100%;
}

.StarCreationPanel__preview {
  display: block;
  width: 96px;
  height: 96px;
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}

.StarCreationPanel__create {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 66px;
  padding-bottom: 2px;
  position: absolute;
  right: 30px;
  top: 35px;
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  opacity: 0.2;
}

.StarCreationPanel__close {
  display: block;
  width: 31px;
  height: 31px;
  position: absolute;
  right: 11px;
  top: 19px;
  border: none;
  background-color: transparent;
  border-radius: 50%;
}

.StarCreationPanel__name {
  width: 100%;
  padding: 2px 8px;
  background-color: #eaf5fa;
  border: none;
  border-radius: 4px;
  color: #000000;
  font-family: inherit;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  outline: none;
}

.StarCreationPanel__name:focus {
  background-color: #fff;
}

.StarCreationPanel__name.is-invalid {
  box-shadow: 0 0 0 2px #ed1c24;
}

.StarCreationPanel__group {
  display: flex;
  flex-direction: column;
  padding-top: 10px;
}

.StarCreationPanel__group + .StarCreationPanel__group {
  margin-top: 10px;
  border-top: 1px solid #47a8d1;
}

.StarCreationPanel__group.is-notice {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  min-height: 74px;
}

.StarCreationPanel__label {
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
}

.StarCreationPanel__wallet {
  display: flex;
  align-items: baseline;
  gap: 8px;
  color: #ffffff;
}

.StarCreationPanel__wallet.is-blocked {
  color: #ed1c24;
}

.StarCreationPanel__price {
  position: relative;
  font-size: 36px;
  line-height: 1;
}

.StarCreationPanel__currency {
  position: relative;
  font-size: 12px;
  line-height: 1;
  text-transform: uppercase;
}

.StarCreationPanel__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 64px;
  background-color: #47a8d1;
  border: none;
  font-family: inherit;
  color: #000000;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  transition: ease background-color 200ms;
}

.StarCreationPanel__button:hover {
  background-color: #5ab1d6;
}

.StarCreationPanel__button:active {
  background-color: #47a8d1;
}

.StarCreationPanel__button[disabled] {
  opacity: 0.2;
  pointer-events: none;
  user-select: none;
}

.StarCreationPanel__notice {
  padding: 4px 0;
  color: #47aad5;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
}

.StarCreationPanel__notice a {
  color: #fff;
  text-decoration: none;
}

.StarCreationPanel.is-fetching .StarCreationPanel__price {
  width: 90px;
  height: 36px;
}

.StarCreationPanel.is-fetching .StarCreationPanel__price.is-balance {
  width: 120px;
}

.StarCreationPanel.is-fetching .StarCreationPanel__currency {
  width: 46px;
  height: 18px;
  color: transparent;
}

.StarCreationPanel.is-fetching .StarCreationPanel__wallet {
  align-items: flex-end;
}

.StarCreationPanel.is-fetching .StarCreationPanel__price::after,
.StarCreationPanel.is-fetching .StarCreationPanel__currency::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: calc(100% - 4px);
  left: 0;
  bottom: 0;
  background-color: #1e7fa9;
  animation: pulse 2s infinite;
}

.StarCreationTooltip[data-v-bd11147c] {
  --offset-x: -10px;
  --offset-y: -86px;

  display: flex;
  align-items: center;
  width: 349px;
  height: 137px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url('../gui/images/star-tooltip/star-create-tooltip.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  will-change: transform;
  transform-origin: 12px 0;
}
.StarCreationTooltip.is-reflect .StarCreationTooltip__preview[data-v-bd11147c],
.StarCreationTooltip.is-reflect .StarCreationTooltip__create[data-v-bd11147c] {
  transform: scaleX(-1);
}
.StarCreationTooltip__preview[data-v-bd11147c] {
  display: block;
  width: 96px;
  height: 96px;
  position: absolute;
  left: 62px;
  top: 20px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarCreationTooltip__create[data-v-bd11147c],
.StarCreationTooltip__close[data-v-bd11147c] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
}
.StarCreationTooltip__create[data-v-bd11147c] {
  width: 150px;
  height: 66px;
  right: 30px;
  top: 35px;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
}
.StarCreationTooltip__create[data-v-bd11147c]::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  transition: ease opacity 200ms;
}
.StarCreationTooltip__create[data-v-bd11147c]:hover::before {
  opacity: 0.15;
}
.StarCreationTooltip__close[data-v-bd11147c] {
  width: 31px;
  height: 31px;
  right: 11px;
  top: 19px;
  border-radius: 50%;
}
@media (max-width: 980px) {
.StarCreationTooltip[data-v-bd11147c] {
    --offset-x: -124px;
    --offset-y: -10px;

    width: 308px;
    height: 204px;
    background-image: url('../gui/images/star-tooltip/star-create-tooltip-mobile.png');
}
.StarCreationTooltip.is-reflect[data-v-bd11147c] {
    --offset-x: 100px;
    --offset-y: -10px;
}
.StarCreationTooltip__preview[data-v-bd11147c] {
    left: 21px;
    top: auto;
    bottom: 20px;
}
.StarCreationTooltip__close[data-v-bd11147c] {
    top: auto;
    bottom: 86px;
}
.StarCreationTooltip__create[data-v-bd11147c] {
    top: auto;
    bottom: 35px;
}
}

.StarCreationTooltipV2[data-v-21c456f2] {
  --accent-color: #47a8d1;
  --dot-size: 20px;
  --dot-radius: calc(var(--dot-size) / 2);
  --body-shift: -120px;
  --connect-line-width: 46px;
  --connect-line-height: 30px;

  display: flex;
  margin-left: calc(var(--dot-radius) * -1);
  margin-top: calc(var(--dot-radius) * -1);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent-color);
  cursor: default;
}
.StarCreationTooltipV2.horizontalIntersection[data-v-21c456f2] {
  --connect-line-height: 46px;

  flex-direction: column;
}
.StarCreationTooltipV2.horizontalIntersection.verticalIntersection[data-v-21c456f2] {
  flex-direction: column-reverse;
  margin-top: -178px;
}
.StarCreationTooltipV2__dot[data-v-21c456f2] {
  width: var(--dot-size);
  height: var(--dot-size);
  pointer-events: all;
  z-index: 1;
}
.StarCreationTooltipV2__line[data-v-21c456f2] {
  width: var(--connect-line-width);
  height: var(--connect-line-height);
  margin-top: calc(var(--connect-line-height) / -1 + var(--dot-radius));
  margin-left: calc(var(--dot-radius) * -1);
  pointer-events: all;
}
.StarCreationTooltipV2.horizontalIntersection .StarCreationTooltipV2__line[data-v-21c456f2] {
  margin-top: calc(var(--dot-radius) * -1);
  margin-left: calc(var(--connect-line-width) * -1 + var(--dot-radius));
}
.StarCreationTooltipV2.leftIntersection .StarCreationTooltipV2__line[data-v-21c456f2] {
  margin-left: var(--dot-radius);
  transform: scaleX(-1);
}
.StarCreationTooltipV2.verticalIntersection .StarCreationTooltipV2__line[data-v-21c456f2] {
  margin-bottom: calc(var(--dot-radius) * -1);
  transform: scaleY(-1);
}
.StarCreationTooltipV2.verticalIntersection.leftIntersection .StarCreationTooltipV2__line[data-v-21c456f2] {
  transform: scaleY(-1) scaleX(-1);
}
.StarCreationTooltipV2__line svg[data-v-21c456f2] {
  width: 100%;
  height: 100%;
}
.StarCreationTooltipV2__body[data-v-21c456f2] {
  width: 307px;
  height: 136px;
  margin-top: -90px;
  position: relative;
  pointer-events: all;
}
.StarCreationTooltipV2.horizontalIntersection .StarCreationTooltipV2__body[data-v-21c456f2] {
  margin-top: 0;
  margin-left: var(--body-shift);
}
.StarCreationTooltipV2__preview[data-v-21c456f2] {
  display: block;
  width: 96px;
  height: 96px;
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarCreationTooltipV2__create[data-v-21c456f2],
.StarCreationTooltipV2__close[data-v-21c456f2] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
  color: currentColor;
}
.StarCreationTooltipV2__create[data-v-21c456f2] {
  width: 150px;
  height: 66px;
  right: 30px;
  top: 35px;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
}
.StarCreationTooltipV2__create[data-v-21c456f2]::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: #fff;
  opacity: 0;
  transition: ease opacity 200ms;
}
.StarCreationTooltipV2__create[data-v-21c456f2]:hover::before {
  opacity: 0.15;
}
.StarCreationTooltipV2__close[data-v-21c456f2] {
  width: 27px;
  height: 27px;
  right: 13px;
  top: 21px;
  border-radius: 50%;
}
@media (max-width: 420px), (max-height: 420px) {
.StarCreationTooltipV2[data-v-21c456f2] {
    transform: scale(0.75);
    transform-origin: left top;
}
.StarCreationTooltipV2.verticalIntersection[data-v-21c456f2] {
    transform-origin: left bottom;
}
}

.StarPanel[data-v-7ccac895] {
  --accent-color: #00ffff;

  display: flex;
  align-items: center;
  justify-content: center;
  width: 854px;
  height: 640px;
  max-width: calc(100vw - 220px);
  margin: auto;
  position: relative;
  top: -3.6vw;
}
.StarPanel__svg[data-v-7ccac895] {
  width: 100%;
  max-height: calc(100% - 80px);
  color: var(--accent-color);
}
.StarPanel__close[data-v-7ccac895] {
  width: 32px;
  height: 32px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url(../gui/images/close.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.StarPanel__title[data-v-7ccac895],
.StarPanel__text[data-v-7ccac895] {
  font-size: 17px;
  fill: currentColor;
  font-family: Inter, sans-serif;
  font-weight: 300;
  pointer-events: all;
}
.StarPanel__title[data-v-7ccac895] {
  font-size: 24px;
}
.StarPanel__text.is-clickable[data-v-7ccac895] {
  cursor: pointer;
}
.StarPanel__text.is-clickable[data-v-7ccac895]:hover {
  filter: drop-shadow(0 0 10px var(--accent-color));
}
.StarPanel__line[data-v-7ccac895] {
  fill: none;
  stroke: currentColor;
  stroke-miterlimit: 10;
}
.StarPanel__line.is-second[data-v-7ccac895] {
  opacity: 0.3;
}
.StarPanel__line.is-third[data-v-7ccac895] {
  opacity: 0.1;
}
.StarPanel__line.is-thin[data-v-7ccac895] {
  stroke-width: 0.25;
}
.StarPanel__line.is-progress[data-v-7ccac895] {
  stroke-width: 5;
  filter: drop-shadow(0 0 3px rgb(0 255 255 / 75%));
}
.StarPanel__line.is-aim[data-v-7ccac895] {
  stroke-width: 0.5;
}
.StarPanel__line.is-button[data-v-7ccac895] {
  fill: url(#leftButtonGradient);
}
.StarPanel__line.is-button.is-right[data-v-7ccac895] {
  fill: url(#rightButtonGradient);
}
.StarPanel__button[data-v-7ccac895] {
  cursor: pointer;
  pointer-events: all;
}
.StarPanel__button .StarPanel__line.is-button[data-v-7ccac895] {
  filter: brightness(0.8);
  transition: ease 200ms filter;
  will-change: filter;
}
.StarPanel__button:hover .StarPanel__line.is-button[data-v-7ccac895] {
  filter: brightness(1);
}
@media (max-width: 980px) {
.StarPanel[data-v-7ccac895] {
    width: calc(100vw - 20px);
    max-width: none;
    height: 100%;
    margin: 0;
    margin-left: 10px;
}
}

.StartGameButton[data-v-2b9fdea5] {
  width: 100px;
  height: 60px;
  padding: 0;
  background-image: url(../gui/images/start-game-button.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  border: none;
  color: #00f0ff;
  font-family: 'Exo 2', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.1;
  text-transform: uppercase;
}

.StarTooltip[data-v-482b1138] {
  --offset-x: -12px;
  --offset-y: -78px;
  --accent-color: #ffff00;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l1.png');

  display: flex;
  align-items: center;
  width: 418px;
  height: 116px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  will-change: transform;
  transform-origin: 12px 0;
}
.StarTooltip.is-reflect .StarTooltip__preview[data-v-482b1138],
.StarTooltip.is-reflect .StarTooltip__meta[data-v-482b1138],
.StarTooltip.is-reflect .StarTooltip__divein[data-v-482b1138] {
  transform: scaleX(-1);
}
.StarTooltip.is-level-2[data-v-482b1138] {
  --accent-color: #f7931e;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l2.png');
}
.StarTooltip.is-level-3[data-v-482b1138] {
  --accent-color: #30a2ff;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l3.png');
}
.StarTooltip.is-level-4[data-v-482b1138] {
  --accent-color: #ffffff;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l4.png');
}
.StarTooltip.is-level-5[data-v-482b1138] {
  --accent-color: #ffffff;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l5.png');
}
.StarTooltip.is-level-5 .StarTooltip__divein[data-v-482b1138] {
  color: #fff;
}
.StarTooltip__preview[data-v-482b1138] {
  display: block;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 65px;
  top: 13px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarTooltip__meta[data-v-482b1138] {
  height: 56px;
  max-width: 132px;
  overflow: hidden;
  position: absolute;
  top: 30px;
  left: 188px;
  color: var(--accent-color);
  pointer-events: all;
}
.StarTooltip__name[data-v-482b1138],
.StarTooltip__description[data-v-482b1138],
.StarTooltip__owner[data-v-482b1138] {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.36;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.StarTooltip__description[data-v-482b1138] {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.1;
}
.StarTooltip__divein[data-v-482b1138],
.StarTooltip__close[data-v-482b1138] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
}
.StarTooltip__divein[data-v-482b1138] {
  width: 66px;
  height: 66px;
  right: 18px;
  top: 26px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  border-radius: 10px;
}
.StarTooltip__close[data-v-482b1138] {
  width: 31px;
  height: 31px;
  right: 2px;
  top: 9px;
  border-radius: 50%;
}
@media (min-width: 980px) {
.StarTooltip.is-level-4[data-v-482b1138] {
    width: 426px;
    height: 131px;
}
.StarTooltip.is-level-4 .StarTooltip__preview[data-v-482b1138] {
    top: 20px;
}
.StarTooltip.is-level-4 .StarTooltip__meta[data-v-482b1138] {
    top: 37px;
}
.StarTooltip.is-level-4 .StarTooltip__divein[data-v-482b1138] {
    right: 23px;
    top: 32px;
}
.StarTooltip.is-level-4 .StarTooltip__close[data-v-482b1138] {
    right: 8px;
    top: 16px;
}
.StarTooltip.is-level-5[data-v-482b1138] {
    width: 429px;
    height: 137px;
}
.StarTooltip.is-level-5 .StarTooltip__preview[data-v-482b1138] {
    top: 23px;
}
.StarTooltip.is-level-5 .StarTooltip__meta[data-v-482b1138] {
    top: 39px;
}
.StarTooltip.is-level-5 .StarTooltip__divein[data-v-482b1138] {
    right: 27px;
    top: 36px;
}
.StarTooltip.is-level-5 .StarTooltip__close[data-v-482b1138] {
    right: 11px;
    top: 18px;
}
}
@media (max-width: 980px) {
.StarTooltip[data-v-482b1138] {
    --offset-x: -112px;
    --offset-y: -10px;
    --bg-image: url('../gui/images/star-tooltip/star-tooltip-l1-mobile.png');

    width: 366px;
    height: 184px;
}
.StarTooltip.is-level-2[data-v-482b1138] {
    --bg-image: url('../gui/images/star-tooltip/star-tooltip-l2-mobile.png');
}
.StarTooltip.is-level-3[data-v-482b1138] {
    --bg-image: url('../gui/images/star-tooltip/star-tooltip-l3-mobile.png');
}
.StarTooltip.is-level-4[data-v-482b1138] {
    --bg-image: url('../gui/images/star-tooltip/star-tooltip-l4-mobile.png');
    width: 366px;
    height: 184px;
}
.StarTooltip.is-level-4 .StarTooltip__preview[data-v-482b1138] {
    left: 23px;
    bottom: 16px;
}
.StarTooltip.is-level-4 .StarTooltip__meta[data-v-482b1138] {
    left: 132px;
    bottom: 31px;
}
.StarTooltip.is-level-4 .StarTooltip__close[data-v-482b1138] {
    right: 12px;
}
.StarTooltip.is-level-4 .StarTooltip__divein[data-v-482b1138] {
    right: 26px;
    bottom: 27px;
}
.StarTooltip.is-reflect[data-v-482b1138] {
    --offset-x: 90px;
    --offset-y: -10px;
}
.StarTooltip.is-reflect .StarTooltip__meta[data-v-482b1138] {
    left: 148px;
}
.StarTooltip__preview[data-v-482b1138] {
    left: 13px;
    top: auto;
    bottom: 13px;
}
.StarTooltip__close[data-v-482b1138] {
    top: auto;
    bottom: 76px;
    right: 1px;
}
.StarTooltip__meta[data-v-482b1138] {
    top: auto;
    left: 128px;
    bottom: 30px;
}
.StarTooltip__divein[data-v-482b1138] {
    right: 17px;
    top: auto;
    bottom: 25px;
}
}

.StarTooltipV2[data-v-74c37f19] {
  --accent-color: #ffff00;
  --dot-size: 20px;
  --dot-radius: calc(var(--dot-size) / 2);
  --body-shift: -120px;
  --connect-line-width: 46px;
  --connect-line-height: 30px;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l1-v2.png');

  display: flex;
  margin-left: calc(var(--dot-radius) * -1);
  margin-top: calc(var(--dot-radius) * -1);
  position: absolute;
  left: 0;
  top: 0;
  color: var(--accent-color);
  cursor: default;
}
.StarTooltipV2.is-level-2[data-v-74c37f19] {
  --accent-color: #f7931e;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l2-v2.png');
}
.StarTooltipV2.is-level-3[data-v-74c37f19] {
  --accent-color: #ffffff;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l4-v2.png');
}
.StarTooltipV2.is-level-4[data-v-74c37f19] {
  --accent-color: #30a2ff;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l3-v2.png');
}
.StarTooltipV2.is-level-5[data-v-74c37f19] {
  --accent-color: #442dde;
  --bg-image: url('../gui/images/star-tooltip/star-tooltip-l5-v2.png');
}
.StarTooltipV2.is-level-5 .StarTooltipV2__divein[data-v-74c37f19] {
  color: #fff;
}
.StarTooltipV2.horizontalIntersection[data-v-74c37f19] {
  --connect-line-height: 46px;

  flex-direction: column;
}
.StarTooltipV2.horizontalIntersection.verticalIntersection[data-v-74c37f19] {
  flex-direction: column-reverse;
  margin-top: -178px;
}
.StarTooltipV2__dot[data-v-74c37f19] {
  width: var(--dot-size);
  height: var(--dot-size);
  pointer-events: all;
  z-index: 1;
}
.StarTooltipV2__line[data-v-74c37f19] {
  width: var(--connect-line-width);
  height: var(--connect-line-height);
  margin-top: calc(var(--connect-line-height) / -1 + var(--dot-radius));
  margin-left: calc(var(--dot-radius) * -1);
  pointer-events: all;
}
.StarTooltipV2.horizontalIntersection .StarTooltipV2__line[data-v-74c37f19] {
  margin-top: calc(var(--dot-radius) * -1);
  margin-left: calc(var(--connect-line-width) * -1 + var(--dot-radius));
}
.StarTooltipV2.leftIntersection .StarTooltipV2__line[data-v-74c37f19] {
  margin-left: var(--dot-radius);
  transform: scaleX(-1);
}
.StarTooltipV2.verticalIntersection .StarTooltipV2__line[data-v-74c37f19] {
  margin-bottom: calc(var(--dot-radius) * -1);
  transform: scaleY(-1);
}
.StarTooltipV2.verticalIntersection.leftIntersection .StarTooltipV2__line[data-v-74c37f19] {
  transform: scaleY(-1) scaleX(-1);
}
.StarTooltipV2__line svg[data-v-74c37f19] {
  width: 100%;
  height: 100%;
}
.StarTooltipV2__body[data-v-74c37f19] {
  width: 388px;
  height: 126px;
  margin-top: -90px;
  position: relative;
  pointer-events: all;
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.StarTooltipV2.horizontalIntersection .StarTooltipV2__body[data-v-74c37f19] {
  margin-top: 0;
  margin-left: var(--body-shift);
}
.StarTooltipV2__preview[data-v-74c37f19] {
  display: block;
  width: 90px;
  height: 90px;
  position: absolute;
  left: 17px;
  top: 17px;
  border-radius: 50%;
  background-color: #333;
  overflow: hidden;
}
.StarTooltipV2__meta[data-v-74c37f19] {
  height: 56px;
  max-width: 132px;
  overflow: hidden;
  position: absolute;
  top: 34px;
  left: 142px;
  color: var(--accent-color);
  pointer-events: all;
}
.StarTooltipV2__name[data-v-74c37f19],
.StarTooltipV2__description[data-v-74c37f19],
.StarTooltipV2__owner[data-v-74c37f19] {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.36; 
  text-overflow: ellipsis;
  white-space: nowrap;
}
.StarTooltipV2__description[data-v-74c37f19] {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.1;
}
.StarTooltipV2__divein[data-v-74c37f19],
.StarTooltipV2__close[data-v-74c37f19] {
  display: block;
  position: absolute;
  border: none;
  background-color: transparent;
  pointer-events: all;
}
.StarTooltipV2__divein[data-v-74c37f19] {
  width: 66px;
  height: 66px;
  right: 20px;
  top: 32px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  color: #000000;
  border-radius: 10px;
}
.StarTooltipV2__close[data-v-74c37f19] {
  width: 31px;
  height: 31px;
  right: 2px;
  top: 12px;
  border-radius: 50%;
}
.StarTooltipV2.is-level-3 .StarTooltipV2__body[data-v-74c37f19] {
  width: 374px;
  height: 126px;
}
.StarTooltipV2.is-level-3 .StarTooltipV2__preview[data-v-74c37f19] {
  left: 19px;
}
.StarTooltipV2.is-level-3 .StarTooltipV2__divein[data-v-74c37f19] {
  right: 22px;
  top: 29px;
}
.StarTooltipV2.is-level-3 .StarTooltipV2__close[data-v-74c37f19] {
  right: 6px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__body[data-v-74c37f19] {
  width: 354px;
  height: 126px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__preview[data-v-74c37f19] {
  width: 86px;
  height: 86px;
  left: 20px;
  top: 20px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__meta[data-v-74c37f19] {
  top: 36px;
  left: 136px;
  color: #fff;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__divein[data-v-74c37f19] {
  right: 21px;
  top: 31px;
}
.StarTooltipV2.is-level-5 .StarTooltipV2__close[data-v-74c37f19] {
  right: 7px;
  top: 17px;
}
@media (max-width: 420px), (max-height: 420px) {
.StarTooltipV2[data-v-74c37f19] {
    transform: scale(0.75);
    transform-origin: left top;
}
.StarTooltipV2.verticalIntersection[data-v-74c37f19] {
    transform-origin: left bottom;
}
}

.UserInventoryPopup[data-v-47abe7f1] {
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: all;
  z-index: 3;
  /* background-color: rgba(0, 0, 0, 0.7); */
}
.UserInventoryPopup__box[data-v-47abe7f1] {
  width: 100%;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
}
.UserInventoryPopup__body[data-v-47abe7f1] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-height: 610px;
  height: 100%;
}
.UserInventoryPopup__body-image[data-v-47abe7f1] {
  position: relative;
  display: flex;
  justify-content: center;
  height: 100%;
  aspect-ratio: 410/640;
}
.UserInventoryPopup__body-image>img[data-v-47abe7f1] {
  height: 100%;
  object-fit: contain;
  width: 100%;
}
.UserInventoryPopup__title[data-v-47abe7f1] {
  top: 4%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  /* font-family: 'Jura'; */
  font-style: normal;
  /* font-weight: 700; */
  font-size: 28px;
  line-height: 35px;
  text-align: center;
  text-transform: uppercase;
  color: #112A5E;
}
.UserInventoryPopup__close[data-v-47abe7f1] {
  position: absolute;
  top: 2.5%;
  right: 13%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("../gui/images/user-inventory/inventory/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.UserInventoryPopup__balance[data-v-47abe7f1] {
  position: absolute;
  bottom: -0%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* font-family: 'Jura'; */
  font-style: normal;
  font-size: 24px;
  line-height: 28px;
  text-align: center;
  color: #00FFFF;
}
.UserInventoryPopup__tabs[data-v-47abe7f1] {
  position: absolute;
  height: 76.6%;
  overflow-y: auto !important; 
  -webkit-overflow-scrolling: touch !important;
  display: flex;
  left: 0px;
  top: 12.5%;
  flex-direction: column;
  gap: 1%;
  width: 13.5%;
  flex-shrink: 0;
  padding-right: 5px;
  z-index: 10;
}
.UserInventoryPopup__tab[data-v-47abe7f1] {
  display: flex;
  height: 11.5%;
  position: relative;
  background-color: transparent;
  border: 2px solid #21D7FB;
  border-left: none;
  border-radius: 0 6px 6px 0;
  color: #00FFFF;
  cursor: pointer;
  transition: ease background-color 200ms;
  will-change: background-color;
  background-color: transparent;
  margin-left: 21%;
  padding-right: 3px;
  padding-left: 3px;
  transition: all 0.2s ease;
}
.UserInventoryPopup__tab.empty-tab[data-v-47abe7f1] {
  border: 2px solid #4FACFE;
  border-left: none;
  opacity: 30%;
}
.UserInventoryPopup__tab[data-v-47abe7f1]:hover {
  background-color: #001616;
}
.UserInventoryPopup__tab[data-v-47abe7f1]::after {
  content: '';
  display: block;
  width: 26px;
  height: 26px;
  margin: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.UserInventoryPopup__tab.inventory[data-v-47abe7f1]::after {
  background-image: url(../gui/images/user-inventory/box.svg);
}
.UserInventoryPopup__tab.events[data-v-47abe7f1]::after {
  background-image: url(../gui/images/user-inventory/star.svg);
}
.UserInventoryPopup__tab.unboxing[data-v-47abe7f1]::after {
  height: 34px;
  background-image: url(../gui/images/user-inventory/unbox.svg);
}
.UserInventoryPopup__tab.active[data-v-47abe7f1] {
  background-color: transparent;
  border: none;
  margin-left: 4px;
  color: #000;
}
.UserInventoryPopup__tab.active[data-v-47abe7f1]::after {
  filter: brightness(0);
}
.UserInventoryPopup__tab.inventory[assets-count][data-v-47abe7f1]::before {
  content: attr(assets-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}
.UserInventoryPopup__tab.events[events-count][data-v-47abe7f1]::before {
  content: attr(events-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}
.UserInventoryPopup__tab.unboxing[data-count][data-v-47abe7f1]::before {
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -6px;
  top: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}
.UserInventoryPopup__content[data-v-47abe7f1] {
  position: absolute;
  height: 76.6%;
  width: calc(100% - 64px);
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
  left: 55px;
  top: 11.4%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  margin-top: 8px;
  flex-grow: 1;
  z-index: 2;
}
.UserInventoryPopup__content_openbox[data-v-47abe7f1] {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76%;
  width: 100%;
  top: 12%;
}
.UserInventoryPopup__list[data-v-47abe7f1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-content: flex-start;
  gap: 10px;
  width: 100%;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch !important;
  padding-right: 5px;
}
.UserInventoryPopup__content.unboxing[data-v-47abe7f1] {
  /* padding-bottom: 16px; */
}
.UserInventoryPopup__card[data-v-47abe7f1] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  border: none;
  position: relative;
}
.UserInventoryPopup__card img[data-v-47abe7f1] {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.UserInventoryPopup__close[data-v-47abe7f1]:hover {
  cursor: pointer;
}
.UserInventoryPopup__card.is-store[data-v-47abe7f1] {
  cursor: pointer;
}
.UserInventoryPopup__card[data-amount="0"][data-v-47abe7f1] {
  cursor: default;
  user-select: none;
  pointer-events: none;
  opacity: 0.3;
}
.UserInventoryPopup__card[data-rare="rare"][data-v-47abe7f1] {
  --color: #123EAB;
}
.UserInventoryPopup__card[data-rare="mythic"][data-v-47abe7f1] {
  --color: #640CAB;
}
.UserInventoryPopup__card[data-rare="mithic"][data-v-47abe7f1] {
  --color: #640CAB;
}
.UserInventoryPopup__card[data-rare="legendary"][data-v-47abe7f1] {
  --color: #FF6200;
}
.UserInventoryPopup__cardName[data-v-47abe7f1] {
  position: absolute;
  left: 50%;
  top: 1%;
  font-style: normal;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
  transform: translateX(-50%);
}
.UserInventoryPopup__cardFigure[data-v-47abe7f1] {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  width: 100%;
  height: 70%;
  margin-top: -8px;
  z-index: 0;
}
.UserInventoryPopup__cardCount[data-v-47abe7f1] {
  min-width: 16px;
  position: absolute;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  text-align: center;
  color: #FFFFFF;
  right: 2px;
  top: 2px;
}
.UserInventoryPopup__cardImage[data-v-47abe7f1] {
  display: block;
  width: 70%;
  height: 70%;
  object-fit: contain;
}
.UserInventoryPopup__cardCaption[data-v-47abe7f1] {
  position: absolute;
  bottom: 4%;
  width: 97%;
  height: 21%;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  color: #FFFFFF;
}
.UserInventoryPopup__open-box[data-v-47abe7f1] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  height: 100%;
}
.UserInventoryPopup__count[data-v-47abe7f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 51%;
}
.UserInventoryPopup__count-text[data-v-47abe7f1] {
  position: absolute;
  color: #00ffff;
  font-size: 44px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.UserInventoryPopup__count>img[data-v-47abe7f1] {
  width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.UserInventoryPopup__animation[data-v-47abe7f1] {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 14%;
  z-index: 4;
}
.UserInventoryPopup__button[data-v-47abe7f1] {
  position: relative;
  box-shadow: 0px 0px 583.2px #FFAC0F, 0px 0px 340.2px #FFAC0F, 0px 0px 170.1px #FFAC0F, 0px 0px 48.6px #FFAC0F, 0px 0px 24.3px #FFAC0F;
  background-color: rgb(255, 172, 15, 0.8);
  border: none;
  border-radius: 42px;
  width: 70%;
  height: 100%;
  color: #FFFFFF;
  transition: all 0.3s ease;
}
.UserInventoryPopup__button-text[data-v-47abe7f1] {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: white;
}
.UserInventoryPopup__cardCaption-button[data-v-47abe7f1] {
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #00C6FB, #005BEA);
  border: none;
  box-shadow: 
    0px 1px 0.5px rgba(0, 0, 0, 0.98),
    0px 3px 1.5px rgba(0, 0, 0, 0.85),
    0px 6px 2px rgba(0, 0, 0, 0.5),
    0px 11px 2px rgba(0, 0, 0, 0.15),
    0px 16px 2.5px rgba(0, 0, 0, 0.02);
  color: white;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.UserInventoryPopup__cardCaption-button[data-v-47abe7f1]::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 105%;
  height: 110%;
  background: linear-gradient(to top, #00C6FB, #005BEA);
  border-radius: inherit;
  z-index: -1;
  transform: translate(-50%, -50%);
}
.UserInventoryPopup__cardCaption-button[data-v-47abe7f1]:hover {
   cursor: pointer;
   opacity: 0.8;
}
.UserInventoryPopup__button[data-v-47abe7f1]:hover {
  transform: scale(1.05);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1] {
  width:  100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1,1);
  transform-origin: center;
  opacity: 0;
  z-index: 1;
  /* overflow: hidden; */
  animation: zoomOut-47abe7f1 4s infinite forwards linear;
  /* transition: all 4s linear;
  z-index: -1; */
  display: flex;
  justify-content: center;
  align-items: center;
}
@keyframes zoomOut-47abe7f1 {
0% {
      opacity: 0.4;
      transform: translate(-50%, -50%) scale(1,1);
}
100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.17, 1.38);
}
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(1) {
  animation-delay: calc(1000ms * -5);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(2) {
  animation-delay: calc(1000ms * -4);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(3) {
  animation-delay: calc(1000ms * -3);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(4) {
  animation-delay: calc(1000ms * -2);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(5) {
  animation-delay: calc(1000ms * -1);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(6) {
  animation-delay: calc(1000ms * 0);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(7) {
  animation-delay: calc(1000ms * 1);
}
.UserInventoryPopup__button-animation[data-v-47abe7f1]:nth-child(8) {
  animation-delay: calc(1000ms * 2);
}
.UserInventoryPopup__connect[data-v-47abe7f1] {
  position: absolute;
  top: 32%;
  left: 27%;
  margin: auto;
  padding: 12px 22px;
  border: none;
  color: #000;
  background-color: #00ffff;
  /* font-family: 'Exo 2'; */
  font-size: 16px;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
}
.UserInventoryPopup__loader[data-v-47abe7f1] {
  flex-grow: 1;
  display: flex;
}
.UserInventoryPopup__loader.in-store[data-v-47abe7f1] {
  margin: auto;
}
.UserInventoryPopup__tabs[data-v-47abe7f1]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.UserInventoryPopup__tabs[data-v-47abe7f1]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.UserInventoryPopup__tabs[data-v-47abe7f1]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  border-radius: 10px;
}
.UserInventoryPopup__tabs[data-v-47abe7f1]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.UserInventoryPopup__list[data-v-47abe7f1]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.UserInventoryPopup__list[data-v-47abe7f1]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.UserInventoryPopup__list[data-v-47abe7f1]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  height: 10%;
  border-radius: 10px;
}
.UserInventoryPopup__list[data-v-47abe7f1]::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media (max-width: 980px) {
}
@media (max-width: 425px) {
.UserInventoryPopup__balance[data-v-47abe7f1] {
    font-size: 17px;
    bottom: -6px;
}
.UserInventoryPopup__title[data-v-47abe7f1] {
    font-size: 24px;
}
.UserInventoryPopup__button[data-v-47abe7f1] {
    font-size: 24px;
}
}
@media (max-width: 375px) {
.UserInventoryPopup__cardCaption[data-v-47abe7f1] {
    font-size: 12px;
    bottom: 4%;
}
.UserInventoryPopup__cardCount[data-v-47abe7f1] {
    font-size: 10px;
    top: 1px;
}
.UserInventoryPopup__count[data-v-47abe7f1] {
    max-width: 200px;
}
.UserInventoryPopup__button[data-v-47abe7f1] {
    font-size: 20px;
}
.UserInventoryPopup__close[data-v-47abe7f1] {
    top: 2%;
}
}
@media (max-width: 375px) {
.UserInventoryPopup__button > div[data-v-47abe7f1] {
    font-size: 28px;
}
}
@media (max-height: 667px) {
.UserInventoryPopup__title[data-v-47abe7f1] {
    font-size: 22px;
}
.UserInventoryPopup__close[data-v-47abe7f1] {
    top: 2%;
    width: 16px;
}
.UserInventoryPopup__balance[data-v-47abe7f1] {
    font-size: 16px;
    bottom: -2%;
}
.UserInventoryPopup__connect[data-v-47abe7f1] {
    left: 6%;
}
}
@media (max-height: 580px) {
.UserInventoryPopup__title[data-v-47abe7f1] {
    font-size: 20px;
}
}
@media (max-height: 540px) {
.UserInventoryPopup__title[data-v-47abe7f1] {
    font-size: 18px;
}
.UserInventoryPopup__balance[data-v-47abe7f1] {
    font-size: 14px;
    bottom: -2%;
}
}




/* General styles */
.UserBar[data-v-776c1414] {
  display: flex;
  gap: 16px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.UserBar__buttons[data-v-776c1414] {
  display: flex;
  gap: 16px;
  align-items: center;
}

/* Search styles */
.UserBar__search[data-v-776c1414] {
  position: relative;
}
.UserBar__search-field[data-v-776c1414] {
  width: 320px;
  position: absolute;
  right: -8px;
  top: -8px;
  z-index: 1;
  pointer-events: all;
}

/* Button styles */
.UserBar__button[data-v-776c1414] {
  display: block;
  width: 24px;
  height: 41px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: all;
  will-change: filter;
  font-family: inherit;
  transition: filter 200ms ease;
}
.UserBar__button.active[data-v-776c1414],
.UserBar__button[data-v-776c1414]:hover {
  filter: drop-shadow(0px 0px 8px #00f0ff);
}

/* Specific button styles */
.UserBar__button.is-mint[data-v-776c1414],
.UserBar__account[data-v-776c1414] {
  width: auto;
  height: auto;
  padding: 4px 8px;
  color: #00ffff;
  border: 2px solid currentColor;
  border-radius: 12px;
  text-transform: uppercase;
  white-space: nowrap;
}
.UserBar__button.is-mint[data-v-776c1414] {
  font-size: 17px;
}
.UserBar__account[data-v-776c1414] {
  border: none;
  font-size: 12px;
}
.UserBar__button.is-mint[data-v-776c1414]::before {
  display: none;
}
.UserBar__button.is-search[data-v-776c1414] { background-image: url(../gui/images/search.svg);
}
.UserBar__button.is-box[data-v-776c1414] { background-image: url(../gui/images/box-filled.svg);
}
.UserBar__button.is-settings[data-v-776c1414] { background-image: url(../gui/images/settings.svg);
}
.UserBar__button.is-wallet[data-v-776c1414] { background-image: url(../gui/images/wallet.svg);
}
.UserBar__button.menu-bar[data-v-776c1414] { 
  background-image: url(../gui/images/menu-bar.svg); 
  width: 21px;
}
.UserBar__button.is-box[data-count][data-v-776c1414]::before {
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -20px;
  top: 6px;
  width: 31px;
  height: 14px;
  border-radius: 10px;
  background-color: red;
  color: white;
  text-align: center;
  font-size: 12px;
}

/* Popup styles */
.UserBar__popup[data-v-776c1414] {
  position: absolute;
  right: 0;
  top: calc(100% + 20px);
  pointer-events: all;
}

/* Bar icon styles */
.bar-icon[data-v-776c1414] {
  display: none;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  pointer-events: all;
}

/* Media queries */
@media (max-width: 960px) {
.UserBar__button.is-mint[data-v-776c1414] {
    position: fixed;
    right: 20px;
    top: 74px;
}
}
@media (max-width: 800px) {
.UserBar__search-field[data-v-776c1414] {
    width: calc(100% - 36px);
    left: 18px;
    top: 86px;
    position: fixed;
}
.UserBar.connected .UserBar__search-field[data-v-776c1414] {
    top: 20px;
}
.UserBar.connected .UserBar__popup[data-v-776c1414] {
    top: calc(100% + 20px);
}
}
@media (max-width: 640px) {
.UserBar[data-v-776c1414] {
    display: none;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    pointer-events: none;
}
.UserBar__buttons[data-v-776c1414] {
    gap: 10px;
}
.UserBar__button.is-mint[data-v-776c1414] {
    position: static;
    top: 52px;
    right: 12px;
    font-size: 12px;
    order: 3;
}
.UserBar__account[data-v-776c1414] {
    font-size: 12px;
}
.bar-icon[data-v-776c1414] {
    display: flex;
}
}
@media (max-width: 375px) {
.UserBar__button[data-v-776c1414] {
    width: 32px;
    height: 30px;
}
.UserBar__button.menu-bar[data-v-776c1414] {
    width: 24px;
    height: 25px;
}
}

/* User Menu styles */
.UserMenu[data-v-776c1414] {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.UserMenu__body[data-v-776c1414] {
  position: absolute;
  top: 70px;
  pointer-events: all;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(7, 16, 50, 0.5);
  backdrop-filter: blur(32.5px);
  padding: 10px;
  border-radius: 37px;
  width: 98%;
  max-width: 450px;
}
.UserMenu__content[data-v-776c1414] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.UserMenu__separate__line[data-v-776c1414] {
  position: absolute;
  height: 100%;
  left: 84%;
}
.UserMenu__search[data-v-776c1414] {
  width: 100%;
  transition: all 0.3s ease; /* Add a smooth transition */
}
.UserMenu img[data-v-776c1414] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.UserMenu__icons[data-v-776c1414] {
  position: absolute;
  width: 89%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.UserMenu__icon[data-v-776c1414] {
  opacity: 30%;
  width: 10%;
}
.UserMenu__icon[data-v-776c1414]:hover,
.UserMenu__icon.active[data-v-776c1414] {
  opacity: 100%;
}
@media (max-height: 667px) {
.UserMenu__body[data-v-776c1414] {
    transform: scale(0.9);
    top: 70px;
}
}
@media (min-width: 501px) and (max-height: 667px) {
.UserMenu__body[data-v-776c1414] {
  transform: scale(0.8);
  top: 70px;
}
}
.ViewsPanel[data-v-df64c208] {
  display: flex;
  gap: 10px;
  align-items: center;
  height: 100%;
  max-height: 540px;
  pointer-events: all;
  cursor: default;
  transition: ease-in-out transform 300ms;
}
.ViewsPanel.is-hidden[data-v-df64c208] {
  transform: translateX(calc(-100% + 10px));
}
.ViewsPanel__toggle[data-v-df64c208] {
  width: 10px;
  height: 38px;
  position: relative;
  border: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../gui/images/views/views-panel-toggle.svg);
  cursor: pointer;
  outline: none;
  opacity: 0.8;
  transition: ease opacity 200ms, ease transform 200ms;
}
.ViewsPanel__toggle[data-v-df64c208]::before {
  content: '';
  position: absolute;
  left: -10px;
  top: -10px;
  z-index: -1;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  pointer-events: none;
}
.ViewsPanel.is-hidden .ViewsPanel__toggle[data-v-df64c208] {
  transform: scale(-1);
}
.ViewsPanel__toggle[data-v-df64c208]:hover {
  opacity: 1;
}
.ViewsPanel__group[data-v-df64c208] {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 28px;
  width: 104px;
  height: 100%;
  padding-right: 24px;
  transition: ease opacity 200ms, ease visibility 200ms;
}
.ViewsPanel.is-hidden .ViewsPanel__group[data-v-df64c208] {
  opacity: 0;
  visibility: hidden;
}
.ViewsPanel__group[data-v-df64c208]::before {
  content: '';
  width: 64px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-image: url(../gui/images/views/views-panel-outline.svg);
}
.ViewsPanel__button[data-v-df64c208] {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 78px;
  padding-left: 20px;
  position: relative;
  border: none;
  background-color: transparent;
  color: #00ffff;
  font-size: 14px;
  text-transform: none;
  cursor: pointer;
  outline: none;
}
.ViewsPanel__button[data-v-df64c208]::before,
.ViewsPanel__button[data-v-df64c208]::after {
  content: '';
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0.3;
  transition: ease opacity 200ms;
}
.ViewsPanel__button[data-v-df64c208]::after {
  width: 50px;
  height: 27px;
  margin-bottom: 0;
  position: absolute;
  left: -20px;
  top: 18px;
  opacity: 0;
  background-image: url(../gui/images/modes/mode-active-marker.svg);
  transform: rotate(90deg);
}
.ViewsPanel__button.is-galaxy[data-v-df64c208]::before {
  background-image: url(../gui/images/views/view-galaxy.svg);
}
.ViewsPanel__button.is-star[data-v-df64c208]::before {
  width: 83px;
  height: 87px;
  margin-top: -10px;
  margin-bottom: 0;
  background-image: url(../gui/images/views/view-star.svg);
}
.ViewsPanel__button.is-planet[data-v-df64c208]::before {
  width: 82px;
  height: 82px;
  margin-top: -10px;
  margin-bottom: 0;
  background-image: url(../gui/images/views/view-planet.svg);
}
.ViewsPanel__button.is-disabled[data-v-df64c208] {
  user-select: none;
  pointer-events: none;
  filter: grayscale() brightness(0.5);
}
.ViewsPanel__button.is-active[data-v-df64c208]:not(.is-clickable) {
  cursor: default;
}

/* keep an active button interactive when it is still clickable (e.g. galaxy reset) */
.ViewsPanel__button[data-v-df64c208]:not(.is-clickable) {
  user-select: none;
  pointer-events: none;
}
.ViewsPanel__button[data-v-df64c208]:hover::before,
.ViewsPanel__button.is-active[data-v-df64c208]::before,
.ViewsPanel__button.is-active[data-v-df64c208]::after {
  opacity: 1;
}
@media (max-width: 980px) {
.ViewsPanel[data-v-df64c208] {
    width: 100%;
    max-width: calc(100% - 40px);
    height: auto;
    max-height: none;
    flex-direction: column-reverse;
    margin: auto;
    padding: 10px 0 14px;
    border-top: 1px solid rgba(0, 255, 255, 0.3);
}
.ViewsPanel.is-hidden[data-v-df64c208] {
    transition: none;
    transform: none;
}
.ViewsPanel__group[data-v-df64c208] {
    flex-direction: row;
    gap: 6px;
    width: 100%;
    padding: 0;
    padding-top: 4px;
}
.ViewsPanel.is-hidden .ViewsPanel__group[data-v-df64c208],
  .ViewsPanel__group[data-v-df64c208]::before {
    display: none;
}
.ViewsPanel__toggle[data-v-df64c208] {
    width: 38px;
    height: 10px;
    background-image: url(../gui/images/modes/modes-toggle-button.svg);
}
.ViewsPanel__button[data-v-df64c208] {
    padding: 0;
}
.ViewsPanel__button[data-v-df64c208]::after {
    margin-bottom: -12px;
    position: relative;
    left: auto;
    top: auto;
    transform: rotate(0deg);
}
.ViewsPanel__button.is-star[data-v-df64c208]::before,
  .ViewsPanel__button.is-planet[data-v-df64c208]::before {
    height: 80px;
}
}

.WalletConnectPopup[data-v-5d0f995a] {
}
.WalletConnectPopup__wallets[data-v-5d0f995a] {
  display: flex;
  justify-content: space-around;
}
.WalletConnectPopup__wallet[data-v-5d0f995a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  padding: 0;
  padding-top: 12px;
  color: #eee;
  border: none;
  background-color: transparent;
  font-size: 14px;
  font-family: inherit;
  text-align: center;
  text-transform: none;
  cursor: pointer;
  transition: ease transform 200ms;
}
.WalletConnectPopup__wallet[data-v-5d0f995a]:hover {
  transform: scale(1.05);
}
.WalletConnectPopup__wallet[data-v-5d0f995a]::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  background-size: contain;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.WalletConnectPopup__wallet.is-metamask[data-v-5d0f995a]::before {
  background-image: url(../gui/images/wallets/metamask-logo.png);
}
.WalletConnectPopup__wallet.is-walletconnect[data-v-5d0f995a]::before {
  background-image: url(../gui/images/wallets/wallet-connect-logo.png);
}
.WalletConnectPopup__wallet.is-telegram[data-v-5d0f995a]::before {
  background-image: url(../gui/images/wallets/telegram-logo.png);
}
.WalletConnectPopup__wallet.is-ton[data-v-5d0f995a]::before {
  background-image: url(../gui/images/wallets/ton-logo.png);
}
.WalletConnectPopup__wallet[disabled][data-v-5d0f995a] {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
  filter: brightness(0.5) saturate(0.5);
}

.MainMenu__container[data-v-085ef242] {
  position: absolute;
  display: flex;
  justify-content: center;
  left: 0;
  width: 100%;
  bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  z-index: 2;
  pointer-events: all;
  user-select: none;
  transform: scale(0.9);
}
.MainMenu[data-v-085ef242] {
  width: 100%;
  max-width: 430px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MainMenu__title[data-v-085ef242] {
  position: absolute;
  top: 1%;
  /* font-size: 30px; */
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
  color: #112A5E;
}
.MainMenu__close[data-v-085ef242] {
  position: absolute;
  top: 3.5%;
  right: 13%;
  color: #112A5E;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("../gui/images/user-inventory/inventory/close.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.MainMenu__close[data-v-085ef242]:hover {
  cursor: pointer;
}
.MainMenu img[data-v-085ef242] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}
.MainMenu__items[data-v-085ef242] {
  position: absolute;
  width: 90%;
  height: 74%;
  top: 20%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}
.MainMenu__items-boxshadow[data-v-085ef242] {
  pointer-events: none;
  position: absolute;
  width: calc(100% - 14px);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 78%;
  top: 20%;
  background: linear-gradient(0deg, rgba(7,16,50,1) 0%, rgba(7,16,50,0) 50%);
}
.MainMenu__item[data-v-085ef242] {
  width: 70%;
  padding: 10px;
  transition: opacity 0.2s ease-in-out;
  text-align: center;
  font-style: normal;
  /* font-size: 24px; */
  font-size: 22px;
  text-transform: uppercase;
  color: #00FFFF;
  border-bottom: 1px solid #00FFFF;
  opacity: 0.8;
}
.MainMenu__item[data-v-085ef242]:hover {
  cursor: pointer;
  text-shadow: 0px 0px 138.24px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 40.32px #00FFFF, 0px 0px 11.52px #00FFFF, 0px 0px 5.76px #00FFFF;
}
.MainMenu__item--selected[data-v-085ef242] {
  text-shadow: 0px 0px 241.92px #00FFFF, 0px 0px 138.24px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 40.32px #00FFFF, 0px 0px 11.52px #00FFFF, 0px 0px 5.76px #00FFFF;
}
.MainMenu__item--disabled[data-v-085ef242] {
  pointer-events: none; 
  opacity: 0.5;
}
.MainMenu__items-boxshadow--hidden[data-v-085ef242] {
  opacity: 0;
}
.MainMenu__items[data-v-085ef242]::-webkit-scrollbar {
  width: 3px;
  padding: 5px;
}
.MainMenu__items[data-v-085ef242]::-webkit-scrollbar-track {
  background: rgba(217, 217, 217, 0.1);
  opacity: 10%;
}
.MainMenu__items[data-v-085ef242]::-webkit-scrollbar-thumb {
  background: #00FFFF;
  border-radius: 10px;
}
@media (max-width: 430px) {
.MainMenu__container[data-v-085ef242] {
    transform: scale(0.9);
}
.MainMenu__title[data-v-085ef242] {
    font-size: 24px;
}
.MainMenu__item[data-v-085ef242] {
    font-size: 20px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.MainMenu__container[data-v-085ef242] {
    bottom: -30px;
    transform: scale(0.7);
}
}
.DuelMenu__container[data-v-5d3c4750] {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    bottom: 2%;
    width: 100%;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
    pointer-events: all;
    user-select: none;
    transform: scale(0.9);
}
.DuelMenu[data-v-5d3c4750] {
    width: 100%;
    max-width: 410px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.DuelMenu__previous[data-v-5d3c4750] {
    position: absolute;
    top: 5%;
    left: 13%;
}
.DuelMenu__previous[data-v-5d3c4750]:hover {
    cursor: pointer;
}
.DuelMenu__title[data-v-5d3c4750] {
    position: absolute;
    top: 2%;
    font-size: 30px;
    /* font-size: 28px; */
    text-align: center;
    text-transform: uppercase;
    color: #112A5E;
}
.DuelMenu__close[data-v-5d3c4750] {
    position: absolute;
    top: 3.5%;
    right: 13%;
    color: #112A5E;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    background-image: url("../gui/images/user-inventory/inventory/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.DuelMenu__close[data-v-5d3c4750]:hover {
    cursor: pointer;
}
.DuelMenu img[data-v-5d3c4750] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.DuelMenu__items[data-v-5d3c4750] {
    position: absolute;
    width: 80%;
    height: 74%;
    top: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.DuelMenu__link[data-v-5d3c4750] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid ;
    border-color: #00FFFF;
    text-align: center;
    width: 100%;
    padding: 5px;
    border-radius: 10px;
    height: 26%;
}
.DuelMenu__link-text[data-v-5d3c4750] {
    color: #00FFFF;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
}
.DuelMenu__link-copy[data-v-5d3c4750] {
    height: 80%;
    transition: all 0.2s ease;
}
.DuelMenu__link-copy[data-v-5d3c4750]:hover {
    transform: scale(1.05);
    cursor: pointer;
}
.DuelMenu__link-copy[data-v-5d3c4750]:active {
    transform: scale(0.95);
}
.DuelMenu__animation[data-v-5d3c4750] {
    width: 100%;
    height: 74%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.DuelMenu__button[data-v-5d3c4750] {
    /* background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%);  */
    box-shadow: 
    0px 0px 13.5px rgba(0, 94, 234, 1), 
    0px 0px 27px rgba(0, 94, 234, 1),  
    0px 0px 94.5px rgba(0, 94, 234, 1),
    0px 0px 189px rgba(0, 94, 234, 1), 
    0px 0px 324px rgba(0, 94, 234, 1), 
    0px 0px 567px rgba(0, 94, 234, 1);
    text-align: center;
    background-color: rgba(0, 94, 234, 0.8);
    width: 86%;
    height: 50%;
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; 
    border-radius: 50px;
    transition: transform 0.3s ease;
}
.DuelMenu__button[data-v-5d3c4750]:hover {
    cursor: pointer;
    transform: scale(1.05);
}
.DuelMenu__button-text[data-v-5d3c4750] {
    font-style: normal;
    font-size: 32px;
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
}
.DuelMenu__button-animation[data-v-5d3c4750] {
    width: 88.2%;
    height: 49.6%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1,1);
    transform-origin: center;
    opacity: 1;
    z-index: 1;
    animation: zoomOut-5d3c4750 6s infinite forwards linear;
}
.DuelMenu__button-animation img[data-v-5d3c4750] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
@keyframes zoomOut-5d3c4750 {
from {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1,1);
}
50% {
        transform: translate(-50%, -50%) scale(1.1,1.2);
        opacity: 0.5;
}
to {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.2,1.4);
}
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(1) {
    animation-delay: calc(1000ms * -10);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(2) {
    animation-delay: calc(1000ms * -9);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(3) {
    animation-delay: calc(1000ms * -8);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(4) {
    animation-delay: calc(1000ms * -7);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(5) {
    animation-delay: calc(1000ms * -6);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(6) {
    animation-delay: calc(1000ms * -5);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(7) {
    animation-delay: calc(1000ms * -4);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(8) {
    animation-delay: calc(1000ms * -3);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(9) {
    animation-delay: calc(1000ms * -2);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(10) {
    animation-delay: calc(1000ms * -1);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(11) {
    animation-delay: calc(1000ms * 0);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(12) {
    animation-delay: calc(1000ms * 1);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(13) {
    animation-delay: calc(1000ms * 2);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(14) {
    animation-delay: calc(1000ms * 3);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(15) {
    animation-delay: calc(1000ms * 4);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(16) {
    animation-delay: calc(1000ms * 5);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(17) {
    animation-delay: calc(1000ms * 6);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(18) {
    animation-delay: calc(1000ms * 7);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(19) {
    animation-delay: calc(1000ms * 8);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(20) {
    animation-delay: calc(1000ms * 9);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(21) {
    animation-delay: calc(1000ms * 10);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(22) {
    animation-delay: calc(1000ms * 11);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(23) {
    animation-delay: calc(1000ms * 12);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(24) {
    animation-delay: calc(1000ms * 13);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(25) {
    animation-delay: calc(1000ms * 14);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(26) {
    animation-delay: calc(1000ms * 15);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(27) {
    animation-delay: calc(1000ms * 16);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(28) {
    animation-delay: calc(1000ms * 17);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(29) {
    animation-delay: calc(1000ms * 18);
}
.DuelMenu__button-animation[data-v-5d3c4750]:nth-child(30) {
    animation-delay: calc(1000ms * 19);
}
@media (max-width: 430px) {
.DuelMenu__container[data-v-5d3c4750] {
      transform: scale(0.9);
}
.DuelMenu__title[data-v-5d3c4750] {
      font-size: 24px;
}
.DuelMenu__button-text[data-v-5d3c4750] {
      font-size: 28px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.DuelMenu__container[data-v-5d3c4750] {
      transform: scale(0.7);
      bottom: -30px;
}
}
.StarDefenderButton[data-v-18693352] {
    position: relative;
    pointer-events: none;
    user-select: none;
    z-index: 3;
}
.StarDefenderButton__wrapper[data-v-18693352] {
    position: absolute;
    top: -43px;
    left: -33px;
    /* transition: transform 0.1s ease-out; */
    will-change: transform;
}
.StarDefenderButton__container[data-v-18693352] {
    position: relative;
}
.StarDefenderButton__connectLine[data-v-18693352] {
    width: 38px;
    height: 48px;
    position: relative;
}
.StarDefenderButton__content[data-v-18693352] {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, -100%);
    width: 200px;
}
.StarDefenderButton__bg[data-v-18693352] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}
.StarDefenderButton__search[data-v-18693352] {
     display: flex;
     flex-direction: column;
     gap: 4px;
     justify-content: center;
     align-items: center;
     position: absolute;
}
.StarDefenderButton__search-title[data-v-18693352] {
    font-size: 14px;
    color: #00FFFF;
    /* text-shadow: 0px 0px 483.84px #00FFFF, 0px 0px 276.48px #00FFFF, 0px 0px 161.28px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 23.04px #00FFFF, 0px 0px 11.52px #00FFFF; */
    text-shadow: 0px 0px 23.04px #00FFFF, 0px 0px 11.52px #00FFFF;
}
.StarDefenderButton__title[data-v-18693352]:hover {
    cursor: pointer;
}
.StarDefenderButton__online[data-v-18693352] {
    position: absolute;
    bottom: 3%;
    font-size: 12px;
    color: white;
}
.StarDefenderButton__loading[data-v-18693352] {
      display: flex;
      padding-right: 3px;
      padding-left: 3px;
      gap: 6px;
      justify-content: space-between;
}
.StarDefenderButton__dot[data-v-18693352] {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: relative;
      transition: ease opacity 200ms;
      background-color: #00FFFF;
      opacity: 0.5;
      /* box-shadow: inset 0px 0px 7px #00FFFF; */
}
.StarDefenderButton__dot[data-v-18693352]::after {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      background-color: currentColor;
      box-shadow: 0 0 6px currentColor;
      opacity: 0;
      transition: ease opacity 200ms;
}
.StarDefenderButton__dot.is-active[data-v-18693352] {
      opacity: 1;
      box-shadow: 0px 0px 10px #00FFFF;
}
.StarDefenderButton__dot.is-disabled[data-v-18693352] {
      opacity: 0.5;
}
.StarDefenderButton__dot.is-disabled[data-v-18693352]::after {
      opacity: 0;
}
.StarDefenderButton__name[data-v-18693352] {
    position: absolute;
    top: 4%;
    font-size: 15px;
    color: black;
    z-index: 16;
    pointer-events:all;
}
.StarDefenderButton__title[data-v-18693352] {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #00FFFF;
    text-shadow: 0px 0px 11.52px #00FFFF;
    z-index: 10;
    pointer-events: all;
}
.StarDefenderButton__name[data-v-18693352]:hover {
    cursor: pointer;
}
.StarDefenderButton__title[data-v-18693352]:hover {
    cursor: pointer;
}
.StarDefenderButton__online[data-v-18693352] {
    position: absolute;
    bottom: 3%;
    font-size: 12px;
    color: white;
}
@media (max-width: 430px) {
.StarDefenderButton__content[data-v-18693352] {
    width: 170px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.StarDefenderButton__content[data-v-18693352] {
        width: 170px;
}
}
.AudioMenu__container[data-v-5be6bc47] {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    z-index: 2;
    pointer-events: all;
    user-select: none;
    transform: scale(0.9);
}
.AudioMenu[data-v-5be6bc47] {
    width: 100%;
    max-width: 430px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.AudioMenu__previous[data-v-5be6bc47] {
    position: absolute;
    top: 4%;
    left: 13%;
}
.AudioMenu__previous[data-v-5be6bc47]:hover {
    cursor: pointer;
}
.AudioMenu__title[data-v-5be6bc47] {
    position: absolute;
    top: 1%;
    font-size: 30px;
    /* font-size: 28px; */
    text-align: center;
    text-transform: uppercase;
    color: #112A5E;
}
.AudioMenu__close[data-v-5be6bc47] {
    position: absolute;
    top: 3.5%;
    right: 13%;
    color: #112A5E;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    background-image: url("../gui/images/user-inventory/inventory/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.AudioMenu__close[data-v-5be6bc47]:hover {
    cursor: pointer;
}
.AudioMenu img[data-v-5be6bc47] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.AudioMenu__items[data-v-5be6bc47] {
    position: absolute;
    width: 80%;
    height: 74%;
    top: 23%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.AudioMenu__icon-item[data-v-5be6bc47] {
    width: 100%;
    height: 30%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top:1px solid #00FFFF;
    border-bottom: 1px solid #00FFFF;
    padding:8px;
}
.AudioMenu__icon-item-text[data-v-5be6bc47] {
    font-size: 24px;
    color: #00FFFF;
    text-align: center;
}
.AudioMenu__icon-item-img[data-v-5be6bc47] {
    border: 2px solid #00FFFF;
    border-radius: 30px;
    width: 28%;
    height: 100%;
    padding:1px;
    position: relative;
}
.AudioMenu__icon-item-img[data-v-5be6bc47]:hover {
    cursor: pointer;
}
.AudioMenu__icon-item-icon[data-v-5be6bc47] {
      position: absolute;
      width: 45%;
      height: 93%;
      top: 1px;
      left: 0%;
      border-radius: 50%;
      border: 2px solid #00FFFF;
      transition: left 0.3s ease ;
}
.AudioMenu__icon-item-icon.off[data-v-5be6bc47] {
    left: 1%;
    background-color: rgba(0, 255, 255, 0.3);
}
.AudioMenu__icon-item-icon.on[data-v-5be6bc47] {
    left: 53%;
    background-color: rgba(0, 255, 255, 1);
}
.AudioMenu__setting-item[data-v-5be6bc47] {
    height: 30%;
    width:100%;
    font-size: 24px;
    color: #00FFFF;
    text-align: center;
    border-bottom: 1px solid #00FFFF;
    padding:8px;
}
@media (max-width: 430px) {
.AudioMenu__container[data-v-5be6bc47] {
      transform: scale(0.9);
}
.AudioMenu__title[data-v-5be6bc47] {
      font-size: 24px;
}
.AudioMenu__button-text[data-v-5be6bc47] {
      font-size: 28px;
}
}
@media (max-width: 375px) {
.AudioMenu__icon-item[data-v-5be6bc47] {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top:1px solid #00FFFF;
      border-bottom: 1px solid #00FFFF;
      padding:5px;
}
.AudioMenu__icon-item-text[data-v-5be6bc47] {
      font-size: 20px;
      color: #00FFFF;
      text-align: center;
}
.AudioMenu__setting-item[data-v-5be6bc47] {
      width:100%;
      font-size: 20px;
      color: #00FFFF;
      text-align: center;
      border-bottom: 1px solid #00FFFF;
      padding:5px;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.AudioMenu__container[data-v-5be6bc47] {
      transform: scale(0.7);
      bottom: -30px;
}
}
.SearchingMenu__container[data-v-31c4b65a] {
    position: absolute;
    display: flex;
    justify-content: center;
    left: 0;
    width: 100%;
    bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 2;
    pointer-events: all;
    user-select: none;
    transform: scale(0.9);
}
.SearchingMenu[data-v-31c4b65a] {
    width: 100%;
    max-width: 430px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.SearchingMenu__previous[data-v-31c4b65a] {
    position: absolute;
    top: 4%;
    left: 13%;
}
.SearchingMenu__previous[data-v-31c4b65a]:hover {
    cursor: pointer;
}
.SearchingMenu__title[data-v-31c4b65a] {
    position: absolute;
    top: 1%;
    font-size: 30px;
    /* font-size: 28px; */
    text-align: center;
    text-transform: uppercase;
    color: #112A5E;
}
.SearchingMenu__close[data-v-31c4b65a] {
    position: absolute;
    top: 3.5%;
    right: 13%;
    color: #112A5E;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    background-image: url("../gui/images/user-inventory/inventory/close.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
.SearchingMenu__inviteFriend[data-v-31c4b65a] {
    position: absolute;
    z-index: 10;
    top: 22.5%;
    right: 10%;
}
.SearchingMenu__inviteFriend[data-v-31c4b65a]:hover {
    cursor: pointer;
}
.SearchingMenu__close[data-v-31c4b65a]:hover {
    cursor: pointer;
}
.SearchingMenu img[data-v-31c4b65a] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.SearchingMenu__items[data-v-31c4b65a] {
    position: absolute;
    width: 100%;
    height: 74%;
    top: 20%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}
.SearchingMenu__link[data-v-31c4b65a] {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    border: none;
    text-align: center;
    width: 100%;
    border-radius: 10px;
}
.SearchingMenu__link-text[data-v-31c4b65a] {
    color: #00FFFF;
    font-size: 15px;
}
.SearchingMenu__link-copy[data-v-31c4b65a] {
    height: 100%;
}
.SearchingMenu__link-copy[data-v-31c4b65a] {
    cursor: pointer;
}
.SearchingMenu__button[data-v-31c4b65a]:hover {
    cursor: pointer;
    transform: scale(1.05);
}
.SearchingMenu__button-text[data-v-31c4b65a] {
    font-style: normal;
    font-size: 32px;
    color: white;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
}
.SearchingMenu__label[data-v-31c4b65a] {
    font-size: 24px;
    line-height: 1.1;
    color: #00FFFF;
    text-transform: uppercase;
}
.SearchingMenu__loading[data-v-31c4b65a] {
    display: flex;
    gap: 4px;
}
.SearchingMenu__dot[data-v-31c4b65a] {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    position: relative;
    transition: ease opacity 200ms;
    background: rgba(0, 255, 255, 0.01);
    box-shadow: inset 0px 0px 7px #00FFFF;
}
.SearchingMenu__dot[data-v-31c4b65a]::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
    box-shadow: 0 0 6px currentColor;
    opacity: 0;
    transition: ease opacity 200ms;
}
.SearchingMenu__dot.is-active[data-v-31c4b65a] {
    background: #00FFFF;
    box-shadow: 0px 0px 10px #00FFFF;
}
.SearchingMenu__dot.is-disabled[data-v-31c4b65a] {
    opacity: 0.5;
}
.SearchingMenu__dot.is-disabled[data-v-31c4b65a]::after {
    opacity: 0;
}
.SearchingMenu__time[data-v-31c4b65a] {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #00FFFF;
}
.SearchingMenu__animation[data-v-31c4b65a] {
    aspect-ratio: 300/80;
    height: 74%;
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.SearchingMenu__button[data-v-31c4b65a] {
    /* background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%); 
    box-shadow: 0px 0px 24.3px #0169ED; */
    text-align: center;
    background-color: rgba(249, 4, 32, 0.8);
    width: 75%;
    /* height: 100%; */
    z-index: 3;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; 
    box-shadow: 
    0px 0px 13.5px rgba(249, 4, 32, 1),   /* Corresponds to the smallest blur */
    0px 0px 27px rgba(249, 4, 32, 1),     /* Slightly larger blur */
    0px 0px 94.5px rgba(249, 4, 32, 1),   /* Medium blur */
    0px 0px 189px rgba(249, 4, 32, 1),    /* Larger blur */
    0px 0px 324px rgba(249, 4, 32, 1),    /* Even larger blur */
    0px 0px 567px rgba(249, 4, 32, 1);    /* Largest blur */
    border-radius: 50px;
    transition: transform 0.3s ease;
}
.SearchingMenu__button-animation[data-v-31c4b65a] {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 300/80;
    width: 75%;
    position: absolute;
    transform: scale(1,1);
    transform-origin: center;
    opacity: 1;
    z-index: 1;
    animation: zoomOut-31c4b65a 6s infinite forwards linear;
}
@keyframes zoomOut-31c4b65a {
from {
        opacity: 1;
        transform: scale(1,1);
}
to {
      opacity: 0;
      transform: scale(1.112,1.4);
}
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(7) {
    animation-delay: calc(1000ms * 5);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(8) {
    animation-delay: calc(1000ms * 6);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(9) {
    animation-delay: calc(1000ms * 7);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(10) {
    animation-delay: calc(1000ms * 8);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(11) {
    animation-delay: calc(1000ms * 9);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(12) {
    animation-delay: calc(1000ms * 10);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(13) {
    animation-delay: calc(1000ms * 11);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(14) {
    animation-delay: calc(1000ms * 2);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(15) {
    animation-delay: calc(1000ms * 3);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(16) {
    animation-delay: calc(1000ms * 4);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(17) {
    animation-delay: calc(1000ms * 5);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(18) {
    animation-delay: calc(1000ms * 6);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(19) {
    animation-delay: calc(1000ms * 7);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(20) {
    animation-delay: calc(1000ms * 8);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(21) {
    animation-delay: calc(1000ms * 9);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(22) {
    animation-delay: calc(1000ms * 10);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(23) {
    animation-delay: calc(1000ms * 11);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(24) {
    animation-delay: calc(1000ms * 12);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(25) {
    animation-delay: calc(1000ms * 13);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(26) {
    animation-delay: calc(1000ms * 14);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(27) {
    animation-delay: calc(1000ms * 15);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(28) {
    animation-delay: calc(1000ms * 16);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(29) {
    animation-delay: calc(1000ms * 17);
}
.SearchingMenu__button-animation[data-v-31c4b65a]:nth-child(30) {
    animation-delay: calc(1000ms * 18);
}
@media (max-width: 430px) {
.SearchingMenu__container[data-v-31c4b65a] {
      transform: scale(0.9);
}
.SearchingMenu__title[data-v-31c4b65a] {
      font-size: 24px;
}
.SearchingMenu__button-text[data-v-31c4b65a] {
      font-size: 28px;
}
}
@media (max-width: 375px) {
.SearchingMenu__label[data-v-31c4b65a] {
        /* font-weight: 600; */
        font-size: 22px;
        line-height: 1.1;
        color: #00FFFF;
        text-transform: uppercase;
}
.SearchingMenu__loading[data-v-31c4b65a] {
        display: flex;
        gap: 4px;
}
.SearchingMenu__dot[data-v-31c4b65a] {
        width: 11px;
        height: 11px;
        border-radius: 50%;
        position: relative;
        transition: ease opacity 200ms;
        background: rgba(0, 255, 255, 0.01);
        box-shadow: inset 0px 0px 7px #00FFFF;
}
.SearchingMenu__dot[data-v-31c4b65a]::after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        background-color: currentColor;
        box-shadow: 0 0 6px currentColor;
        opacity: 0;
        transition: ease opacity 200ms;
}
.SearchingMenu__dot.is-active[data-v-31c4b65a] {
        background: #00FFFF;
        box-shadow: 0px 0px 10px #00FFFF;
}
.SearchingMenu__dot.is-disabled[data-v-31c4b65a] {
        opacity: 0.5;
}
.SearchingMenu__dot.is-disabled[data-v-31c4b65a]::after {
        opacity: 0;
}
.SearchingMenu__time[data-v-31c4b65a] {
        font-weight: 500;
        font-size: 28px;
        line-height: 1.1;
        text-transform: uppercase;
        color: #00FFFF;
}
}
@media (max-height: 667px) and (min-width: 501px) {
.SearchingMenu__container[data-v-31c4b65a] {
      transform: scale(0.7);
      bottom: -30px;
}
}
.StarDefenderProcess[data-v-abb3386c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.StarDefenderProcess__container[data-v-abb3386c] {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  user-select: none;
}
.StarDefenderProcess__connectLine[data-v-abb3386c] {
  width: 38px;
  height: 48px;
  position: relative;
}
.StarDefenderProcess__content[data-v-abb3386c] {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%, -100%);
  width: 200px;
}
.StarDefenderProcess__bg[data-v-abb3386c] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 5;
  pointer-events: all;
}
.StarDefenderProcess__name[data-v-abb3386c] {
  position: absolute;
  top: 4%;
  font-size: 15px;
  color: black;
}
.StarDefenderProcess__search[data-v-abb3386c] {
   display: flex;
   flex-direction: column;
   gap: 4px;
   justify-content: center;
   position: absolute;
}
.StarDefenderProcess__title[data-v-abb3386c] {
  font-size: 16px;
  color: #00FFFF;
  text-shadow: 0px 0px 483.84px #00FFFF, 0px 0px 276.48px #00FFFF, 0px 0px 161.28px #00FFFF, 0px 0px 80.64px #00FFFF, 0px 0px 23.04px #00FFFF, 0px 0px 11.52px #00FFFF;
}
.StarDefenderProcess__title[data-v-abb3386c]:hover {
  cursor: pointer;
}
.StarDefenderProcess__online[data-v-abb3386c] {
  position: absolute;
  bottom: 3%;
  font-size: 12px;
  color: white;
}
.StarDefenderProcess__loading[data-v-abb3386c] {
    display: flex;
    padding-right: 3px;
    padding-left: 3px;
    justify-content: space-between;
}
.StarDefenderProcess__dot[data-v-abb3386c] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: relative;
    transition: ease opacity 200ms;
    background-color: #00FFFF;
    opacity: 0.5;
    /* box-shadow: inset 0px 0px 7px #00FFFF; */
}
.StarDefenderProcess__dot[data-v-abb3386c]::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: currentColor;
    box-shadow: 0 0 6px currentColor;
    opacity: 0;
    transition: ease opacity 200ms;
}
.StarDefenderProcess__dot.is-active[data-v-abb3386c] {
    opacity: 1;
    box-shadow: 0px 0px 10px #00FFFF;
}
.StarDefenderProcess__dot.is-disabled[data-v-abb3386c] {
    opacity: 0.5;
}
.StarDefenderProcess__dot.is-disabled[data-v-abb3386c]::after {
    opacity: 0;
}
@media (max-width: 430px) {
.StarDefenderProcess[data-v-abb3386c] {
        transform: scale(0.8);
}
}
@media (max-height: 667px) and (min-width: 501px) {
.StarDefenderProcess[data-v-abb3386c] {
    transform: scale(0.7);
}
}


.PlayerModel[data-v-26d36144] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 190px;
    width: 100%;
    max-height: 236px;
    height: 100%;
    z-index: 3;
}
.PlayerModel__pic[data-v-26d36144] {
    position: absolute;
    aspect-ratio: 1/1;
    height: 79%;
    max-width: 170px;
    top: 6%;
    z-index: -1;
}
.PlayerModel__info[data-v-26d36144] {
    pointer-events: all;
    position: absolute;
    z-index: 4;
    height: 26.8%;
    top: 66%;
}
.PlayerModel__shadow[data-v-26d36144] {
    position: absolute;
    pointer-events: all;
    z-index: -2;
    width: 60%;
    height: 80%;
    border-radius: 50%;
    box-shadow: 0px 0px 9.87px rgba(12, 123, 238, 0.7),
        0px 0px 19.73px rgba(12, 123, 238, 0.7), 
        0px 0px 69.06px rgba(12, 123, 238, 0.7), 
        0px 0px 138.11px rgba(12, 123, 238, 0.7)
}
.PlayerModel__shadow[data-v-26d36144]:hover {
    cursor: pointer;
}
.PlayerModel__info[data-v-26d36144]:hover {
    cursor: pointer;
}
@media (max-width: 375px) {
.PlayerModel__info[data-v-26d36144] {
        top: 67%;
}
}

.PlayerPick[data-v-2eb42ab2] {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 10px;
    background-image: url(../gui/images/background.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.PlayerPick__container[data-v-2eb42ab2] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
}
.PlayerPick__name[data-v-2eb42ab2] {
    margin-bottom: 30px;
    font-size: 24px;
    display: flex;
    flex-direction: column;
}
.PlayerPick__name span[data-v-2eb42ab2]:nth-child(2) {
    color: #00C6FB;
    text-align: center;
}
.PlayerPick__name span[data-v-2eb42ab2]:nth-child(1) {
    color: white;
    text-align: center;
}
.PlayerPick__item[data-v-2eb42ab2] {
    
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 23%;
}
.PlayerPick__item-name[data-v-2eb42ab2] {
    font-size: 16px;
}
.PlayerPick__item-name span[data-v-2eb42ab2]:nth-child(1) {
    color: white;
    padding-right: 10px;
}
.PlayerPick__item-name span[data-v-2eb42ab2]:nth-child(2) {
    color: #00C6FB;
    padding-right: 10px;
}
.PlayerPick__time[data-v-2eb42ab2] {
    display: flex;
    width: 100%;
    justify-content:space-between;
    align-items: center;
    margin-top: 32px;
}
.PlayerPick__time hr[data-v-2eb42ab2] {
    border: 1px solid #751577;
    width: calc(50% - 30px);
}
.PlayerPick__time>p[data-v-2eb42ab2] {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    background: linear-gradient(0deg, #0250C5 0%, #D43F8D 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.PlayerPick h4[data-v-2eb42ab2] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.PlayerPick__title[data-v-2eb42ab2] {
    padding-left: 17px;
    padding-right: 17px;
    max-width: 430px;
}
.PlayerPick p[data-v-2eb42ab2] {
    padding-top: 5px;
    color: white;
}
.PlayerPick__title-line[data-v-2eb42ab2] {
    border: 1px solid #751577;
    width: 100%
}
.PlayerPick__ability[data-v-2eb42ab2] {
    display: flex;
    gap:10px;
    justify-content: flex-start;
    max-width: 430px;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
}
.PlayerPick__ability-content[data-v-2eb42ab2] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.PlayerPick__ability-img[data-v-2eb42ab2] {
    height:100%;
    width: 40%;
}
.PlayerPick img[data-v-2eb42ab2] {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
}
.PlayerPick__button[data-v-2eb42ab2] {
    max-width: 430px;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 20px;
    background-color: transparent;
    border: none;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.PlayerPick__button-name[data-v-2eb42ab2] {
    position: absolute;
}
.PlayerPick__title[data-v-2eb42ab2] {
    margin-bottom: 15px;
}
@media (max-width: 425px)  {
.PlayerPick__title[data-v-2eb42ab2] {
        margin-bottom: 20px;
}
}
@media (max-width:375px)  {
.PlayerPick__name[data-v-2eb42ab2]{
        margin-bottom: 15px;
}
.PlayerPick__time[data-v-2eb42ab2] {
        margin-top: 5px;
}
.PlayerPick__ability[data-v-2eb42ab2] {
        padding-top: 20px;
        padding-bottom: 20px;
}
}
@media (max-height: 620px) {
.PlayerPick__container[data-v-2eb42ab2] {
        justify-content: start;
        pointer-events: all;
}
}



.LeadersHero[data-v-56ce7602] {
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    bottom: 0;
}
.LeadersHero__crown[data-v-56ce7602] {
   padding-bottom: 5px;
   z-index: 1;
}
.LeadersHero__avatar[data-v-56ce7602] {
    border-radius: 100%;
    width: 100%;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.LeadersHero__avatar-img[data-v-56ce7602] {
    position: absolute;
    width: 90%;
    height: 90%;
    z-index: 1;
}
.LeadersHero__info[data-v-56ce7602] {
    color: #00FFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.LeadersHero__info h3[data-v-56ce7602] {
    font-size: 14px;
}
.LeadersHero__info p[data-v-56ce7602] {
    font-size: 12px;
}
.gold[data-v-56ce7602] {
    background: linear-gradient(180deg, #FF9900 0%, #FEE140 100%);
    box-shadow: 0px 0px 302.423px #F8D63D, 0px 0px 172.813px #F8D63D, 0px 0px 100.808px #F8D63D, 0px 0px 50.4038px #F8D63D, 0px 0px 14.4011px #F8D63D, 0px 0px 7.20054px #F8D63D;
}
.silver[data-v-56ce7602] {
    background: linear-gradient(0deg, #F5F7FA 0%, #C3CFE2 100%);
    box-shadow: 0px 0px 302.423px #B5C7E4, 0px 0px 172.813px #B5C7E4, 0px 0px 100.808px #B5C7E4, 0px 0px 50.4038px #B5C7E4, 0px 0px 14.4011px #B5C7E4, 0px 0px 7.20054px #B5C7E4;
}
.bronze[data-v-56ce7602] {
    background: linear-gradient(0deg, #FF8177 0%, #FF867A 0%, #FF8C7F 21%, #F99185 52%, #CF556C 78%, #B12A5B 100%);
    box-shadow: 0px 0px 302.423px #FD8A7F, 0px 0px 172.813px #FD8A7F, 0px 0px 100.808px #FD8A7F, 0px 0px 50.4038px #FD8A7F, 0px 0px 14.4011px #FD8A7F, 0px 0px 7.20054px #FD8A7F;
}




.LeadersBoard[data-v-19dc7eaf] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 10;
    pointer-events: all;
}
.LeadersBoard__container[data-v-19dc7eaf] {
    max-width: 410px;
    max-height: calc(100vh - 100px);
    aspect-ratio: 410/640;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.LeadersBoard__container-content[data-v-19dc7eaf] {
    position:absolute;
    top:0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-height: calc(100% - 10px);
}
.LeadersBoard__header[data-v-19dc7eaf] {
    top: 3px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100%;
    position: relative;
}
.LeadersBoard__header-menu[data-v-19dc7eaf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 65px);
}
.LeadersBoard__header-previous[data-v-19dc7eaf] {
    cursor: pointer;
}
.LeadersBoard__header-close[data-v-19dc7eaf] {
    cursor: pointer;
}
.LeadersBoard__navbar[data-v-19dc7eaf] {  
    /* position: sticky;   
    top: 0; */
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 15px;
    padding-bottom: 15px;
}
.LeadersBoard__header-title[data-v-19dc7eaf] {
    color: #112A5E;
    font-size: 30px;
}
.LeadersBoard__navbar-item[data-v-19dc7eaf] {
    cursor: pointer;
    transition: all 0.3s ease;
    color: #00FFFF;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}
.LeadersBoard__navbar-item.active[data-v-19dc7eaf] {
    opacity: 1;
    /* text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;   */
    text-shadow:   0px 0px 8.1px #00FFFF;
}
.--LeadersBoard__navbar-item-center[data-v-19dc7eaf] {
    border-left: 2px solid #00FFFF;
    border-right: 2px solid #00FFFF;
    width: 35%;
}
.LeadersBoard__body[data-v-19dc7eaf] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;  
    overflow-y: auto !important ;   
    -webkit-overflow-scrolling: touch !important;
}
.LeadersBoard__body[data-v-19dc7eaf]::-webkit-scrollbar {
    width: 3px;
    padding: 5px;
}
.LeadersBoard__body[data-v-19dc7eaf]::-webkit-scrollbar-track {
    background: rgba(217, 217, 217, 0.1);
    opacity: 10%;
}
.LeadersBoard__body[data-v-19dc7eaf]::-webkit-scrollbar-thumb {
    background: #00FFFF;
    border-radius: 10px;
}
.LeadersBoard__body[data-v-19dc7eaf]::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.LeadersBoard__content[data-v-19dc7eaf] {
    padding-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.LeadersBoard__info[data-v-19dc7eaf] {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
    border-bottom: 2px solid rgba(50, 129, 211, 0.5);
    padding-bottom: 15px;
    width: 100%;
    padding-left: 10px;
}
.LeadersBoard__info-avatar[data-v-19dc7eaf] {
    width: 28%;
    background: linear-gradient(180deg, #22E1FF 0%, #1D8FE1 48%, #625EB1 100%);
    /* box-shadow: 0px 0px 377.947px #186DDC, 0px 0px 215.97px #186DDC, 0px 0px 125.982px #186DDC, 0px 0px 62.9911px #186DDC, 0px 0px 17.9975px #186DDC, 0px 0px 8.99873px #186DDC; */
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.LeadersBoard__info-avatar-animation[data-v-19dc7eaf] {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #0263EB;
    animation: zoomOut-19dc7eaf 2s infinite forwards linear;
}
@keyframes zoomOut-19dc7eaf {
from {
        opacity: 1;
        transform: scale(1.01,1.01);
}
50% {
        transform: scale(1.1,1.1);
        opacity: 0.8;
}
to {
      opacity: 0;
      transform: scale(1.2,1.2);
}
}
.LeadersBoard__info-avatar-animation[data-v-19dc7eaf]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.LeadersBoard__info-avatar-animation[data-v-19dc7eaf]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.LeadersBoard__info-avatar-animation[data-v-19dc7eaf]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.LeadersBoard__info-avatar-animation[data-v-19dc7eaf]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.LeadersBoard__info-avatar-animation[data-v-19dc7eaf]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.LeadersBoard__info-avatar-animation[data-v-19dc7eaf]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.LeadersBoard__info-details h3[data-v-19dc7eaf] {
    font-size: 32px;
    color: #00FFFF;
}
.LeadersBoard__info-details p[data-v-19dc7eaf] {
    padding-top: 5px;
    font-size: 14px;
    color: #00FFFF;
}
.LeadersBoard__hero-list[data-v-19dc7eaf] {
    width: 100%;
    padding-top: 8px;
    display: flex;
    align-items: end;
    justify-content: space-around;
}
.gold[data-v-19dc7eaf] {
    width: 30%;
}
.silver[data-v-19dc7eaf] {
    width: 24%;
}
.bronze[data-v-19dc7eaf] {
    width: 24%;
}
.LeadersBoard__hero[data-v-19dc7eaf] {
    height: 100%;
}
.LeadersBoard__ranking-list[data-v-19dc7eaf] {
    width: 100%;
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
}
.LeadersBoard__ranking-item-avatar[data-v-19dc7eaf] {
    padding-right: 10px;
    width:50px;
}
.LeadersBoard__ranking-item[data-v-19dc7eaf] {
    width: 100%;
    background: rgba(17, 42, 94, 0.5);
    border: 1px solid rgba(216, 216, 216, 0.05);
    border-radius: 50px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.LeadersBoard__ranking-item-details[data-v-19dc7eaf] {
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 2px solid rgba(216, 216, 216, 0.3);
    border-left: 2px solid rgba(216, 216, 216, 0.3);
}
.LeadersBoard__ranking-item-details h3[data-v-19dc7eaf]{
    font-size: 14px;
    color: #00FFFF;
}
.LeadersBoard__ranking-item-details p[data-v-19dc7eaf]{
    font-size: 13px;
    color: #00FFFF;
}
.LeadersBoard__ranking-item-ranking[data-v-19dc7eaf] {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #00FFFF;
}
.LeadersBoard__load-more[data-v-19dc7eaf] {
    margin-top: 26px;
    margin-bottom: 26px;    
    position: relative;
    cursor: pointer;
   
    pointer-events: all;
}
.LeadersBoard__load-more-button[data-v-19dc7eaf] {
    z-index: 12;
    display: flex;
    position: absolute;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;
    color: #FFFFFF;
    font-size: 24px;
    padding: 14px 28px 14px 28px;
    position: relative;
}
.LeadersBoard__load-more-animation[data-v-19dc7eaf] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.LeadersBoard__load-more-animation-container[data-v-19dc7eaf] {
    position: relative;
    width: 100%;
    height: 100%;
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf] {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: zoomOut-load-19dc7eaf 3s infinite forwards linear;
}
@keyframes zoomOut-load-19dc7eaf {
from {
        opacity: 1;
        transform: scale(1,1);
}
to {
      opacity: 0;
      transform: scale(1.08,1.28);
}
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(7) {
    animation-delay: calc(1000ms * 5);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(8) {
    animation-delay: calc(1000ms * 6);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(9) {
    animation-delay: calc(1000ms * 7);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(10) {
    animation-delay: calc(1000ms * 8);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(11) {
    animation-delay: calc(1000ms * 9);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(12) {
    animation-delay: calc(1000ms * 10);
}
.LeadersBoard__load-more-animation-item[data-v-19dc7eaf]:nth-child(13) {
    animation-delay: calc(1000ms * 11);
}
@media (max-width: 768px) {
.LeadersBoard__header-title[data-v-19dc7eaf] {
        color: #112A5E;
        font-size: 26px;
}
.LeadersBoard__navbar-item[data-v-19dc7eaf] {
        font-size: 22px;
}
.LeadersBoard__header-close[data-v-19dc7eaf] {
        width: 18px;
}
}


















.RewardItem[data-v-6a278c76] {
    position: relative;
    width: 87.5%;
    display: flex;
    flex-direction: column;
    opacity: 0.5;
    gap: 5px;
}
.RewardItem.is-processed[data-v-6a278c76] {
    opacity: 1;
}
.RewardItem-avatar[data-v-6a278c76] {
    position: relative;
    z-index: 3;
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    border: 2px solid #ffffff;
    overflow: hidden;
}
.RewardItem-avatar.is-reward-day[data-v-6a278c76] {
    border: 2px solid #04FFFB;
    box-shadow: 0px 0px 6.3px #41B6FF;
}
.RewardItem-avatar.is-reward-day[data-v-6a278c76]:hover {
    cursor: pointer;
}
.RewardItem-avatar.is-received[data-v-6a278c76] {
    background: rgba(112, 255, 68, 0.24);
    border: 2px solid #70FF44;
}
.RewardItem-avatar.is-missed[data-v-6a278c76] {
    background: rgba(255, 0, 0, 0.24);
    border: 2px solid #FF0000;
}
.RewardItem-avatar.is-missed[data-v-6a278c76]:hover {
    cursor: pointer;
}
.RewardItem-avatar.is-bonus-day[data-v-6a278c76] {
    border: 2px solid #FEC023;
    box-shadow: 0px 0px 6.3px #FEC023;
}
.RewardItem-status[data-v-6a278c76] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
}
.RewardItem-status.is-received[data-v-6a278c76] {
    background: rgba(112, 255, 68, 0.24);
}
.RewardItem-status.is-reward-day[data-v-6a278c76] {
}
.RewardItem-status.is-missed[data-v-6a278c76] {
    background: rgba(255, 0, 0, 0.24);
}
.RewardItem-status img[data-v-6a278c76] {
    width: 50%;
    height: 50%;
}
.RewardItem-status.RewardItem__day.is-received[data-v-6a278c76]{
    background: rgba(112, 255, 68, 0.24);
}
.RewardItem__count[data-v-6a278c76] {
    position: absolute;
    top: 2px;
    right: -5px;
    z-index: 3;
    width: 32px;
    text-align: center;
    padding: 0.5px 4px;
    background: #1B2933;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 6px;
    font-size: 12px;
}
.RewardItem-check[data-v-6a278c76] {
    position: absolute;
    top: 0;
    right: -8px;
    z-index: 3;
    padding: 5px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #1B2933;
    border: 1px solid #04FFFB;
}
.RewardItem__count.is-bonus-day[data-v-6a278c76] {
    border: 1px solid #FEC023;
    color: #FEC023;
}
.RewardItem__count.is-reward-day[data-v-6a278c76] {
    border: 1px solid #04FFFB;
    color: #04FFFB;
}
.RewardItem__count.is-received[data-v-6a278c76] {
    border: 1px solid #70FF44;
    color: #70FF44;
}
.RewardItem__count.is-missed[data-v-6a278c76] {
    border: 1px solid #FF0000;
    color: #FF0000;
}
.RewardItem__day[data-v-6a278c76] {
    text-align: center;
    font-size: 16px;
    color: #ffffff;
}
.RewardItem__day.is-reward-day[data-v-6a278c76] {
    color: #04FFFB;
}
.RewardItem__day.is-received[data-v-6a278c76] {
    color: #70FF44;
}
.RewardItem__day.is-missed[data-v-6a278c76] {
    color: #FF0000;
}
.RewardItem-bonus-text[data-v-6a278c76] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FEC023;
    text-shadow: 0px 0px 6.9px #293352, 0px 0px 5.1px #192540;
}   

.Quests__item[data-v-e701f17a] {
    width: 100%;
    background: #272727;
    border: 2px solid #3F3F3F;
    border-radius: 20px;
    transition: all 0.3s ease;
}
.Quests__item.is-waiting[data-v-e701f17a] {
    background: #0E4DA2;
    border: 2px solid #3689C1;
}
.Quests__item--daily--normal[data-v-e701f17a] {
    background-image: url(../gui/images/quests/vorpal-bg.png);
    border: 2px solid #2E2E2E;
}
.Quests__item--daily--mythic[data-v-e701f17a] {
    border: 2px solid #4315B1;
}
.Quests__item--daily--legendary[data-v-e701f17a] {
    border: 2px solid #F4771E;
}
.Quests__item--weekly--normal[data-v-e701f17a] {
    background-image: url(../gui/images/quests/vorpal-bg.png);
    border: 2px solid #2E2E2E;
}
.Quests__item--weekly--mythic[data-v-e701f17a] {
    border: 2px solid #4315B1;
}
.Quests__item--weekly--legendary[data-v-e701f17a] {
    border: 2px solid #F4771E;
}
.Quests__item--unique--normal[data-v-e701f17a] {
    background: linear-gradient(124.1deg, rgba(92, 92, 92, 0.46) 2.18%, rgba(45, 45, 45, 0.46) 72.26%), rgba(45, 45, 45, 0.46);
    border: 2px solid rgba(143, 143, 143, 0.3);
}
.Quests__item--unique--rare[data-v-e701f17a] {
    background: linear-gradient(123.69deg, rgba(0, 110, 255, 0.46) 2.27%, rgba(0, 61, 141, 0.46) 72.49%);
    border: 2px solid #0461B5;
    box-shadow: 0px 0px 30px #0094FF;
}
.Quests__item--unique--mythic[data-v-e701f17a] {
    background: linear-gradient(125.41deg, #3D00B8 1.9%, #230069 70.78%);
    border: 2px solid #6732D4;
    box-shadow: 0px 0px 30px rgba(85, 0, 255, 1),inset 0px 0px 43.9px rgba(85, 0, 255, 0.5);
}
.Quests__item--unique--legendary[data-v-e701f17a] {
    background: linear-gradient(125.97deg, #AA3300 2.01%, #892900 71.03%);
    border: 2px solid rgba(244, 119, 30, 0.64);
    box-shadow: 0px 0px 30px #FF9D00, inset 0px 0px 43.9px rgba(255, 236, 24, 0.81);
}
.Quests__item--unique--vorpal[data-v-e701f17a] {
    background-image: url(../gui/images/quests/vorpal-bg.png);
    border: 2px solid #104756;
    filter: drop-shadow(0px 0px 20px rgba(0, 255, 255, 0.3));
}
.Quests__item-cotainer[data-v-e701f17a]{
    position: relative;
    width: 100%;
}
.Quests__item-cotainer.expand[data-v-e701f17a]:hover {
    cursor: pointer;
}
.Quests__item-body[data-v-e701f17a] {
    width: 100%;
    display: flex;
    gap: 7px;
    justify-content:flex-start;
    padding: 2px;
}
.Quests__item-icon[data-v-e701f17a] {
    position: relative;
    width: 26%;
    /* aspect-ratio: 1/1; */
    border-radius: 50%;
    border: 1px solid rgba(112, 112, 112, 0.2);
    padding-top: 26%;
    padding: 4px;
    overflow: show;
}
.Quests__item-icon--daily[data-v-e701f17a] {
    border: none;
    padding: 6px;
}
.Quests__item-icon--weekly[data-v-e701f17a] {
    border: none;
    padding: 5px;
}
.Quests__item-icon--unique--rare[data-v-e701f17a] {
    border: 1px solid rgba(4, 137, 234, 0.2);
}
.Quests__item-icon--unique--mythic[data-v-e701f17a] {
    border: 1px solid rgba(160, 113, 255, 0.2);
}
.Quests__item-icon--unique--legendary[data-v-e701f17a] {
    border: 1px solid rgba(215, 196, 55, 0.2);
}
.Quests__item-icon--unique--vorpal[data-v-e701f17a] {
    border: 1px solid rgba(42, 179, 218, 0.2);
}
.Quests__item-outer-circle[data-v-e701f17a] {
    border-radius: 50%;
    border: 1px solid rgba(131, 131, 131, 0.6);
    padding: 4px;
}
.Quests__item-outer-circle--daily[data-v-e701f17a] {
    border: none;
}
.Quests__item-outer-circle--weekly--rare[data-v-e701f17a] {
    border: 1px solid rgba(4, 137, 234, 0.6);
}
.Quests__item-outer-circle--weekly--mythic[data-v-e701f17a] {
    border: 1px solid rgba(160, 113, 255, 0.6);
}
.Quests__item-outer-circle--weekly--legendary[data-v-e701f17a] {
    border: 1px solid rgba(215, 196, 55, 0.6);
}
.Quests__item-outer-circle--weekly--rare[data-v-e701f17a] {
    border: 1px solid rgba(4, 137, 234, 0.6);
}
.Quests__item-outer-circle--unique--mythic[data-v-e701f17a] {
    border: 1px solid rgba(160, 113, 255, 0.6);
}
.Quests__item-outer-circle--unique--legendary[data-v-e701f17a] {
    border: 1px solid rgba(215, 196, 55, 0.6);
}
.Quests__item-outer-circle--unique--vorpal[data-v-e701f17a] {
    border: 1px solid rgba(42, 179, 218, 0.4);
}
.Quests__item-inner-circle[data-v-e701f17a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 2px;
    background: linear-gradient(180deg, #E9E9E9 0%, #A9A9A9 48%, #6B6B6B 100%);
    box-shadow: 0px 0px 30px #6F6F6F, 0px 0px 8.99873px #696969;
}
.Quests__item-inner-circle--daily[data-v-e701f17a] {
    box-shadow: none;
}
.Quests__item-inner-circle--daily--normal[data-v-e701f17a] {
    box-shadow: none;
}
.Quests__item-inner-circle--daily--rare[data-v-e701f17a] {
    background: linear-gradient(180deg, #86CCFF 0%, #0A8EED 48%, #037BD1 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--daily--mythic[data-v-e701f17a] {
    background: linear-gradient(180deg, #4B0FDB 0%, #3B1D82 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--daily--legendary[data-v-e701f17a] {
    background: linear-gradient(180deg, #F4771E 0%, #7A3300 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--weekly[data-v-e701f17a] {
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--normal[data-v-e701f17a] {
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--rare[data-v-e701f17a] {
    background: linear-gradient(180deg, #86CCFF 0%, #0A8EED 48%, #037BD1 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--mythic[data-v-e701f17a] {
    background: linear-gradient(180deg, #4B0FDB 0%, #3B1D82 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--weekly--legendary[data-v-e701f17a] {
    background: linear-gradient(180deg, #F4771E 0%, #7A3300 100%);
    box-shadow: none;
}
.Quests__item-inner-circle--unique--rare[data-v-e701f17a] {
    background: linear-gradient(180deg, #86CCFF 0%, #0A8EED 48%, #037BD1 100%);
    box-shadow: 0px 0px 377.947px #008CF1, 0px 0px 215.97px #0094FF, 0px 0px 125.982px #0195FF, 0px 0px 8.99873px #0094FF;
}
.Quests__item-inner-circle--unique--mythic[data-v-e701f17a] {
    background: linear-gradient(180deg, #C1A3FF 0%, #9E6DFF 48%, #894EFF 100%);
    box-shadow: 0px 0px 377.947px #5500FF, 0px 0px 215.97px #5500FF, 0px 0px 125.982px #5500FF, 0px 0px 8.99873px #5500FF;
}
.Quests__item-inner-circle--unique--legendary[data-v-e701f17a] {
    background: linear-gradient(180deg, #FFECC4 0%, #F5D141 48%, #C99526 100%);
    box-shadow: 0px 0px 377.947px #DC8A18, 0px 0px 215.97px #DC8A18, 0px 0px 125.982px #BB9519, 0px 0px 8.99873px #CE841C;
}
.Quests__item-inner-circle--unique--vorpal[data-v-e701f17a] {
    background: linear-gradient(180deg, #65DDFF 0%, #45A5BF 48%, #2488A4 100%);
    box-shadow: 0px 0px 377.947px #2FB5DB, 0px 0px 215.97px #31ABCD, 0px 0px 125.982px #3F8EA4, 0px 0px 8.99873px #2AA0C0;
}
.Quests__item-count[data-v-e701f17a] {
    position: absolute;
    width: 38px;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: #1B2933;
    border: 1px solid #787979;
    border-radius: 6px;
    font-size: 9px;
    color: #00FFFF;
    padding: 2px 3px;
}
.Quests__item-count--unique--rare[data-v-e701f17a] {
    background: #102B3F;
    border: 1px solid #0C81D6;
}
.Quests__item-count--unique--mythic[data-v-e701f17a] {
    background: #200E4A;
    border: 1px solid #8858FB;
    color: #BCAEFF;
}
.Quests__item-count--unique--legendary[data-v-e701f17a] {
    background: #453013;
    border: 1px solid #DDBF8A;
    color: #FFEDDC;
}
.Quests__item-count--unique--vorpal[data-v-e701f17a] {
    background: #0D101E;
    border: 1px solid #338BA6;
    color: #68D4F1;
}
.Quests__item-refresh[data-v-e701f17a] {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 7px;
    right: 6px;
    background: #1B2933;
    border: 1px solid #787979;
    border-radius: 50%;
    padding: 1px 1px 3px 1px;
}
.Quests__item-refresh[data-v-e701f17a]:hover {
    cursor: pointer;
}
.Quests__item-content[data-v-e701f17a] {
    width: 56%;
    padding-top: 5px;
    font-size: 16px;
    color: #FFFFFF;
    mix-blend-mode: normal;
    opacity: 0.8;
}
.Quests__item-content--daily[data-v-e701f17a] {
    width: 48%;
    padding-top: 11px;
}
.Quests__item-content--weekly[data-v-e701f17a] {
    width: 48%;
    opacity: 1;
}
.Quests__item-external-Link[data-v-e701f17a] {
    position: absolute;
    width: 8%;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    filter: drop-shadow(0px 0px 4.05px rgba(0, 255, 255, 1))
            drop-shadow(0px 0px 8.1px rgba(0, 255, 255, 1))
            /* drop-shadow(0px 0px 18.35px rgba(0, 255, 255, 1)) */
}
.Quests__item-reward-Link[data-v-e701f17a] {
    position: absolute;
    width: 22%;
    top: 50%;
    transform: translateY(-50%);
    right: 4px;
}
.Quests__item-bottom[data-v-e701f17a] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    bottom: -5px;
    width: calc(60%);
}
.Quests__item-bottom.is-unique[data-v-e701f17a] {
    width: 100%;
}
.Quests__item-bottom.is-unique.is-expand svg[data-v-e701f17a] {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.Quests__item-bottom.is-unique svg[data-v-e701f17a] {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.Quests__item-bottom svg[data-v-e701f17a] {
    width: 100%;
    height: 100%;
}
.Quests__item-bottom-content[data-v-e701f17a] {
    position: absolute;
    z-index: 3;
    left: 50%;
    transform: translateX(-50%);
    bottom: 1px;
    font-size: 16px;
    color: #00FFFF;
    text-shadow:  0px 0px 8.3px #00FFFF, 0px 0px 5.8px #00FFFF;
    text-align: center;
}
.Quests__item-expand[data-v-e701f17a] {
    position: relative;
    width: 100%;
    /* padding: 0px 7px; */
    /* background: #1E1E1E; */
    background: linear-gradient(270deg, rgba(30, 30, 30, 0) 1.91%, rgba(30, 30, 30, 0.75) 15.3%);
    filter: drop-shadow(0px 4px 8px rgba(30, 30, 30, 0.6));
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.Quests__item-expand-gradient[data-v-e701f17a] {
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(30,30,30,0) 0%, rgba(30,30,30,0.03125) 0%, rgba(30,30,30,0) 0%);
}
.Quests__item-expand-gradient.gradient-both[data-v-e701f17a] {
    background: linear-gradient(90deg, rgba(30,30,30,1) 0%, rgba(30,30,30,0) 32%, rgba(30,30,30,0.03125) 68%, rgba(30,30,30,1) 100%);
}
.Quests__item-expand-gradient.gradient-previous[data-v-e701f17a] {
    background: linear-gradient(90deg, rgba(30,30,30,1) 0%, rgba(30,30,30,0) 32%, rgba(30,30,30,0.03125) 0%, rgba(30,30,30,0) 100%);
}
.Quests__item-expand-gradient.gradient-next[data-v-e701f17a] {
    background: linear-gradient(90deg, rgba(30,30,30,0) 0%, rgba(30,30,30,0.03125) 0%, rgba(30,30,30,0) 68%, rgba(30,30,30,1) 100%);
}
.Quests__item-expand-container[data-v-e701f17a] {
    position: relative;
    width: 100%;
    padding: 9px 7px;
    display: flex;
    justify-content:flex-start;
    overflow-x: hidden;
}
.Quests__item-rewardList[data-v-e701f17a] {
    min-width: 26%;
    width: 26%;
    display: flex;
    transition: transform 0.3s ease;
    z-index: 1;
}
.Quests__item-rewardList.is-clickable[data-v-e701f17a] {
    z-index: 7;
}
.Quests__item-rewardConnectLine[data-v-e701f17a] {
    width: 17.5%;
    position: relative;
}
.Quests__item-rewardConnectLine-inner[data-v-e701f17a] {
   position: absolute;
   top: 35%;
   height: 2px;
   width: 100%;
   background: #71FE44;
}
.Quests__item-expand-middleline[data-v-e701f17a] {
    position: absolute;
    z-index: 0;
    left: 15%;
    width: 80%;
    height: 32%;
    top: 50%;
    transform: translateY(-80%);
    background: rgba(0, 0, 0, 0.22)
}
.Quests__item-rewardList-btn[data-v-e701f17a] {
    position: absolute;
    top: 29%;
    z-index: 8 !important;
    width: 100%;
    height: 21px;
    padding: 0px 7px;
    pointer-events: all;
}
.Quests__item-rewardList-btn-container[data-v-e701f17a] {
    width: 100%;
    position: relative;
}
.Quests__item-rewardList-previous-btn[data-v-e701f17a] {
    position: absolute;
    left: -5px;
    z-index: 5;
}
.Quests__item-rewardList-previous-btn[data-v-e701f17a]:hover {
    cursor: pointer;
}
.Quests__item-rewardList-next-btn[data-v-e701f17a] {
    position: absolute;
    right: 10px;
    z-index: 5;
}
.Quests__item-rewardList-next-btn[data-v-e701f17a]:hover {
    cursor: pointer;
}
.Quests__item-reward[data-v-e701f17a] {
    width: 22%;
}

/* .Quests__item-expand img {
   width: 75px;

} */
.Quests__item-expand-bg[data-v-e701f17a] {
   width: calc(100% - 20px);
   position: absolute;
   bottom: 0;
}
.Quests__item-expand-bg svg[data-v-e701f17a] {
    width: 100%;
}
@media (max-width: 410px) {
.Quests__item-content[data-v-e701f17a] {
        font-size: 14px;
}
}

.AnimationButton[data-v-3de06b62] {
    display: flex;
    position: relative;
    width: 100%;
    aspect-ratio: 287/80;
    border-radius: 50px;
    align-items: center;
    justify-content: center;  
    background: linear-gradient(180deg, #FF9900 0%, #FEE140 100%);
    box-shadow: 0px 0px 224.366px #FFA50E, 0px 0px 74.7885px #FFA50E, 0px 0px 37.3943px #FFA50E, 0px 0px 10.6841px #FFA50E, 0px 0px 5.34204px #FFA50E;
    pointer-events: all;
}
.AnimationButton[data-v-3de06b62]:hover {
    cursor: pointer;
    transform: scale(1.05);
    transition: all 0.3s ease;
}
.AnimationButton.--blue[data-v-3de06b62] {
    background: linear-gradient(360deg, #00C6FB 0%, #005BEA 100%);
    box-shadow: 0px 0px 1134px #005EEA, 0px 0px 648px #005EEA, 0px 0px 378px #005EEA, 0px 0px 189px #005EEA, 0px 0px 54px #005EEA, 0px 0px 27px #005EEA;
}
.AnimationButton__bg[data-v-3de06b62] {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.AnimationButton__title[data-v-3de06b62] {
    font-size: 32px;
    color:#fff;
    z-index: 4;
}
.AnimationButton__animation[data-v-3de06b62] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    animation: zoomOut-3de06b62 8s infinite forwards linear;
}
.AnimationButton svg[data-v-3de06b62] {
   width: 100%;
   height: 100%;
}
@keyframes zoomOut-3de06b62 {
0% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0.98,0.98);
}
100% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.18, 1.5);
}
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(1) {
    animation-delay: calc(1000ms * -1 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(2) {
    animation-delay: calc(1000ms * 0 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(3) {
    animation-delay: calc(1000ms * 1 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(4) {
    animation-delay: calc(1000ms * 2 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(5) {
    animation-delay: calc(1000ms * 3 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(6) {
    animation-delay: calc(1000ms * 4 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(7) {
    animation-delay: calc(1000ms * 5 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(8) {
    animation-delay: calc(1000ms * 6 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(9) {
    animation-delay: calc(1000ms * 7 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(10) {
    animation-delay: calc(1000ms * 8 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(11) {
    animation-delay: calc(1000ms * 9 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(12) {
    animation-delay: calc(1000ms * 10 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(13) {
    animation-delay: calc(1000ms * 11 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(14) {
    animation-delay: calc(1000ms * 12 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(15) {
    animation-delay: calc(1000ms * 13 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(16) {
    animation-delay: calc(1000ms * 14 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(17) {
    animation-delay: calc(1000ms * 15 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(18) {
    animation-delay: calc(1000ms * 16 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(19) {
    animation-delay: calc(1000ms * 17 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(20) {
    animation-delay: calc(1000ms * 18 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(21) {
    animation-delay: calc(1000ms * 19 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(22) {
    animation-delay: calc(1000ms * 20 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(23) {
    animation-delay: calc(1000ms * 21 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(24) {
    animation-delay: calc(1000ms * 22 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(25) {
    animation-delay: calc(1000ms * 23 - 8000ms);
}
.AnimationButton__animation[data-v-3de06b62]:nth-child(26) {
    animation-delay: calc(1000ms * 24 - 8000ms);
}
  
.BaseModal[data-v-256d3cee] {
    position: relative;
    display: flex;
    width: 100%;
    aspect-ratio: 410/345;
    border-radius: 32px;
    flex-direction: column;
    align-items: center;
    background-color: #000;
    background-image: url('/gui/images/quests/yellow-modal.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}
.BaseModal.--blue[data-v-256d3cee] {
    background-image: url('/gui/images/quests/blue-modal.png');
}
.BaseModal__title[data-v-256d3cee] {
    font-size: 28px;
    color: #112A5E;
}
.BaseModal__closebtn[data-v-256d3cee] {
    position: absolute;
    top: 0px;
    right: 35px;
    font-size: 30px;
    color: #112A5E;
    pointer-events: all;
}
.BaseModal__closebtn[data-v-256d3cee]:hover   {
    cursor: pointer;
}
.BaseModal__body[data-v-256d3cee] {
    display: flex;
    width: 100%;
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.BaseModal__subtitle[data-v-256d3cee] {
    font-size: 20px;
    color: #FFFFFF;
    text-shadow: 0px 0px 11.2px #63A6FF;
}
.BaseModal__content[data-v-256d3cee] {
    position: relative;
    width: 100%;
    /* padding: 0px 20px; */
    padding-top: 10px;
    padding-bottom: 15px;
}
.BaseModal__btn[data-v-256d3cee] {
   width: 70%;
}
.BaseModal__content-rewards[data-v-256d3cee] {
    width: 100%;
    display: flex;
    justify-content: center;
}
.BaseModal__content-rewards-item[data-v-256d3cee] {
    width: 22%;
    aspect-ratio: 1/1;
}
.BaseModal__content-middleline[data-v-256d3cee] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 10px);
    aspect-ratio: 400/48;
    background: rgba(0, 0, 0, 0.22);
}
@media (max-width: 768px) {
.BaseModal__closebtn[data-v-256d3cee] {
        top: -3px;
        width: 18px;
}
}

.QuestRewardList[data-v-3da3785e] {
    position: relative;
    width: calc(100% - 25px);
    padding: 0px 7px;
}
.QuestRewardList-gradient[data-v-3da3785e] {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 5;
    transform: translateY(-50%);
    pointer-events: none;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(8,19,57,0) 0%, rgba(8,19,57,0) 11%, rgba(9,9,121,0.03125) 89%, rgba(8,19,57,0) 100%);
    /* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
}
.QuestRewardList-gradient.gradient-both[data-v-3da3785e] {
    background: linear-gradient(90deg, rgba(8,19,57,1) 0%, rgba(8,19,57,0) 32%, rgba(9,9,121,0.03125) 68%, rgba(8,19,57,1) 100%);
}
.QuestRewardList-gradient.gradient-previous[data-v-3da3785e] {
    background: linear-gradient(90deg, rgba(8,19,57,1) 0%, rgba(8,19,57,0) 32%, rgba(9,9,121,0.03125) 68%, rgba(8,19,57,0) 100%);
}
.QuestRewardList-gradient.gradient-next[data-v-3da3785e] {
    background: linear-gradient(90deg, rgba(8,19,57,0) 0%, rgba(9,9,121,0.03125) 11%, rgba(8,19,57,0) 68%, rgba(8,19,57,1) 100%);
}
.QuestRewardList-container[data-v-3da3785e] {
     width: 100%;
     padding: 12px 4px;
     display: flex;
     position: relative;
     justify-content:flex-start;
     overflow-x: hidden;
}
.QuestRewardList-container.change-flex-start[data-v-3da3785e] {
    justify-content: center;
}
.QuestRewardList-item[data-v-3da3785e] {
     min-width: 26%;
     width: 26%;
     display: flex;
     transition: transform 0.3s ease;
     z-index: 1;
}
.QuestRewardList-item.is-clickable[data-v-3da3785e] {
    z-index: 7;
}
.QuestRewardList-rewardConnectLine[data-v-3da3785e] {
     width: 17.5%;
     position: relative;
}
.QuestRewardList-rewardConnectLine-inner[data-v-3da3785e] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 100%;
    background: #FEC023;
}
.QuestRewardList-btn[data-v-3da3785e] {
     position: absolute;
     top: 50%;
     width: 100%;
     z-index: 6;
     height: 21px;
     padding: 0px 7px;
     transform: translateY(-50%);
     pointer-events: all;
}
.QuestRewardList-btn-container[data-v-3da3785e] {
     width: 100%;
     position: relative;
}
.QuestRewardList-previous-btn[data-v-3da3785e] {
     position: absolute;
     left: -12px;
     z-index: 5;
}
.QuestRewardList-previous-btn[data-v-3da3785e]:hover {
     cursor: pointer;
}
.QuestRewardList-next-btn[data-v-3da3785e] {
     position: absolute;
     right: -3px;
     z-index: 5;
}
.QuestRewardList-next-btn[data-v-3da3785e]:hover {
     cursor: pointer;
}
.Quests__item-reward[data-v-3da3785e] {
     width: 22%;
}
 
.Quests[data-v-749ee6c6] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 10;
    pointer-events: all;
    user-select: none;
}
.Quests.disabled[data-v-749ee6c6] {
    pointer-events: none;
}
.Quests__container[data-v-749ee6c6] {
    max-width: 410px;
    max-height: calc(100vh - 100px);
    aspect-ratio: 410/640;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.Quests__container-content[data-v-749ee6c6] {
    position:absolute;
    top:0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-height: calc(100% - 6px);
}
.Quests__header[data-v-749ee6c6] {
    top: 3px;
    z-index: 50;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100%;
    position: relative;
}
.Quests__header-menu[data-v-749ee6c6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 65px);
}
.Quests__header-previous[data-v-749ee6c6] {
    cursor: pointer;
}
.Quests__header-close[data-v-749ee6c6] {
    cursor: pointer;
}
.Quests__navbar[data-v-749ee6c6] {  
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 15px;
    padding-bottom: 15px;
}
.Quests__header-title[data-v-749ee6c6] {
    color: #112A5E;
    font-size: 30px;
}
.Quests__navbar-item[data-v-749ee6c6] {
    cursor: pointer;
    transition: all 0.3s ease;
    color: #00FFFF;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.3;
}
.Quests__navbar-item.active[data-v-749ee6c6] {
    opacity: 1;
    /* text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;   */
    text-shadow: 0px 0px 8.1px #00FFFF;
}
.--Quests__navbar-item-center[data-v-749ee6c6] {
    border-left: 2px solid #00FFFF;
    border-right: 2px solid #00FFFF;
    width: 35%;
}
.Quests__body[data-v-749ee6c6] {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    border-bottom-left-radius: 24px;    
    border-bottom-right-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;  
    overflow-y: auto !important;   
    -webkit-overflow-scrolling: touch !important;
}
.Quests__body.disabled[data-v-749ee6c6] {
    opacity: 0.6;
    pointer-events: none;
}
.Quests__body[data-v-749ee6c6]::-webkit-scrollbar {
    width: 3px;
    padding: 5px;
}
.Quests__body[data-v-749ee6c6]::-webkit-scrollbar-track {
    background: rgba(217, 217, 217, 0.1);
    opacity: 10%;
}
.Quests__body[data-v-749ee6c6]::-webkit-scrollbar-thumb {
    background: #00FFFF;
    border-radius: 10px;
}
.Quests__body[data-v-749ee6c6]::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.Quests__content[data-v-749ee6c6] {
    padding-top: 10px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.Quests__load-more[data-v-749ee6c6] {
    margin-top: 26px;
    margin-bottom: 26px;    
    position: relative;
    cursor: pointer;
   
    pointer-events: all;
}
.Quests__load-more-button[data-v-749ee6c6] {
    z-index: 12;
    display: flex;
    position: absolute;
    background: transparent;
    border: none;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 340.2px #00FFFF, 0px 0px 194.4px #00FFFF, 0px 0px 113.4px #00FFFF, 0px 0px 56.7px #00FFFF, 0px 0px 16.2px #00FFFF, 0px 0px 8.1px #00FFFF;
    color: #FFFFFF;
    font-size: 24px;
    padding: 14px 28px 14px 28px;
    position: relative;
}
.Quests__load-more-animation[data-v-749ee6c6] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.Quests__load-more-animation-container[data-v-749ee6c6] {
    position: relative;
    width: 100%;
    height: 100%;
}
.Quests__load-more-animation-item[data-v-749ee6c6] {
    position: absolute;
    width: 100%;
    height: 100%;
    animation: zoomOut-load-749ee6c6 3s infinite forwards linear;
}
@keyframes zoomOut-load-749ee6c6 {
from {
        opacity: 1;
        transform: scale(1,1);
}
to {
      opacity: 0;
      transform: scale(1.08,1.28);
}
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(1) {
    animation-delay: calc(1000ms * -1);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(2) {
    animation-delay: calc(1000ms * 0);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(3) {
    animation-delay: calc(1000ms * 1);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(4) {
    animation-delay: calc(1000ms * 2);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(5) {
    animation-delay: calc(1000ms * 3);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(6) {
    animation-delay: calc(1000ms * 4);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(7) {
    animation-delay: calc(1000ms * 5);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(8) {
    animation-delay: calc(1000ms * 6);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(9) {
    animation-delay: calc(1000ms * 7);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(10) {
    animation-delay: calc(1000ms * 8);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(11) {
    animation-delay: calc(1000ms * 9);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(12) {
    animation-delay: calc(1000ms * 10);
}
.Quests__load-more-animation-item[data-v-749ee6c6]:nth-child(13) {
    animation-delay: calc(1000ms * 11);
}
.Quests__modal[data-v-749ee6c6] {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.Quests__refresh-modal[data-v-749ee6c6] {
    width: 46%;
    padding: 10px;
    display: flex;
    justify-content: center;
    gap: 20px;
}
@media (max-width: 768px) {
.Quests__header-title[data-v-749ee6c6] {
        color: #112A5E;
        font-size: 26px;
}
.Quests__navbar-item[data-v-749ee6c6] {
        font-size: 22px;
}
.Quests__header-close[data-v-749ee6c6] {
        width: 18px;
}
}


















.GalaxyScene[data-v-412618c4] {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.GalaxyScene__content[data-v-412618c4] {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.GalaxyScene__header[data-v-412618c4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
}
.GalaxyScene__headerColumn[data-v-412618c4] {
  display: flex;
  flex: 1;
  min-width: 0;
}
.GalaxyScene__headerColumn.is-center[data-v-412618c4] {
  justify-content: center;
  align-items: center;
  gap: 10px;
}
@media screen and (orientation: landscape) {
.GalaxyScene__headerColumn.is-center[data-v-412618c4] {
    justify-content: center;
    flex-direction: row;
}
}
.GalaxyScene__headerColumn.is-right[data-v-412618c4] {
  justify-content: flex-end;
}
.GalaxyScene__userbar[data-v-412618c4] {
  position: relative;
  align-self: flex-start;
}
.GalaxyScene__panels[data-v-412618c4] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.GalaxyScene__views[data-v-412618c4],
.GalaxyScene__levels[data-v-412618c4] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  position: absolute;
  left: 20px;
  top: 0;
}
.GalaxyScene__levels[data-v-412618c4] {
  left: auto;
  right: 20px;
}
.GalaxyScene__modes[data-v-412618c4] {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 28px;
}
.GalaxyScene__playButton[data-v-412618c4] {
  font-size: 14px;
}
@media (max-width: 980px) {
.GalaxyScene__panels[data-v-412618c4] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 10px;
}
.GalaxyScene__views[data-v-412618c4] {
    order: 1;
}
.GalaxyScene__levels[data-v-412618c4] {
    order: 2;
}
.GalaxyScene__views[data-v-412618c4],
  .GalaxyScene__levels[data-v-412618c4],
  .GalaxyScene__modes[data-v-412618c4] {
    height: auto;
    width: auto;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    top: auto;
}
}
@media (max-width: 640px) {
.GalaxyScene__header[data-v-412618c4] {
    left: 12px;
    right: 12px;
    /* top: 40px; */
}
.GalaxyScene__headerColumn.is-center[data-v-412618c4] {
    flex-direction: column;
    gap: 6px;
}
}

.StartScene[data-v-555daae7] {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}

.PhantomMode[data-v-531c53ab] {
  opacity: 1;
}

.RealMode[data-v-b3d9d662] {
  display: flex;
  height: 100%;
}

.PreloaderMode[data-v-7a009686] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-color: #040310;
  background-image: url(../gui/images/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.PreloaderScene__logo[data-v-7a009686] {
  width: 284px;
  height: 92px;
  background-image: url(../gui/images/preloader/logo-text.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.PreloaderScene__circles[data-v-7a009686] {
  width: 220px;
  height: 220px;
  margin-top: 16px;
}
.PreloaderScene__text[data-v-7a009686] {
  width: 170px;
  margin-top: 44px;
  color: #00f0ff;
  font-family: 'Inter';
  font-weight: 500;
  font-size: 22px;
  text-align: left;
  text-shadow: 0px 0px 20px #000000;
  line-height: 1.12;
  white-space: nowrap;
}
.dots[data-v-7a009686]::after {
  content: '';
  animation: dots-7a009686 2.5s linear infinite;
}
.rotation-outer[data-v-7a009686],
.rotation-inner[data-v-7a009686] {
  transform-origin: 123px 147px;
  animation: rotation-7a009686 1.2s linear infinite;
}
.rotation-inner[data-v-7a009686] {
  animation-direction: reverse;
  animation: rotation-7a009686 2.5s linear infinite;
}
@keyframes rotation-7a009686 {
from {
    transform: rotate(0deg);
}
to {
    transform: rotate(360deg);
}
}
@keyframes dots-7a009686 {
0% {
    content: '';
}
33% {
    content: '.';
}
66% {
    content: '..';
}
100% {
    content: '...';
}
}

.WelcomeMode[data-v-e9cf33f2] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: auto;
  z-index: 2;
  background-color: #040310;
  background-image: url(../gui/images/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.WelcomeScene__logo[data-v-e9cf33f2] {
  aspect-ratio: 410/700;
  max-width: 100%;
  max-height: 700px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  background-color: rgba(27, 47, 192, 0.3);
  border-radius: 50px;
  box-shadow: 
  0px 0px 166px rgba(27, 47, 192, 0.8)
}
.WelcomeScene__logo > img[data-v-e9cf33f2] {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  object-fit: contain;
  z-index: 5;
}
.WelcomeScene__animation[data-v-e9cf33f2] {
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height: 56%;
  position: absolute;
  overflow: hidden;
}
.WelcomeScene__button-animation[data-v-e9cf33f2] {
  width: 64%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(.7);
  transform-origin: center;
  opacity: 1;
  z-index: -1;
  overflow: hidden;
  animation: zoomOut-e9cf33f2 6s infinite forwards linear;
  will-change: transform, opacity;
}
.WelcomeScene__button-animation img[data-v-e9cf33f2] {
   width: 100%;
   height: 100%;
}
@keyframes zoomOut-e9cf33f2 {
from {
      opacity: 1;
      transform: translate(-50%, -50%) scale(0.7) ;
}
50% {
      transform: translate(-50%, -50%) scale(1.2) ;
      opacity: 0;
}
to {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.3) ;
}
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(1) {
  animation-delay: calc(400ms * -1);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(2) {
  animation-delay: calc(400ms * 0);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(3) {
  animation-delay: calc(400ms * 1);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(4) {
  animation-delay: calc(400ms * 2);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(5) {
  animation-delay: calc(400ms * 3);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(6) {
  animation-delay: calc(400ms * 4);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(7) {
  animation-delay: calc(400ms * 5);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(8) {
  animation-delay: calc(400ms * 6);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(9) {
  animation-delay: calc(400ms * 7);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(10) {
  animation-delay: calc(400ms * 8);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(11) {
  animation-delay: calc(400ms * 9);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(12) {
  animation-delay: calc(400ms * 10);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(13) {
  animation-delay: calc(400ms * 11);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(14) {
  animation-delay: calc(400ms * 12);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(15) {
  animation-delay: calc(400ms * 13);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(16) {
  animation-delay: calc(400ms * 14);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(17) {
  animation-delay: calc(400ms * 15);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(18) {
  animation-delay: calc(400ms * 16);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(19) {
  animation-delay: calc(400ms * 17);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(20) {
  animation-delay: calc(400ms * 18);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(21) {
  animation-delay: calc(400ms * 19);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(22) {
  animation-delay: calc(400ms * 20);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(23) {
  animation-delay: calc(400ms * 21);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(24) {
  animation-delay: calc(400ms * 22);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(25) {
  animation-delay: calc(400ms * 23);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(26) {
  animation-delay: calc(400ms * 24);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(27) {
  animation-delay: calc(400ms * 25);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(28) {
  animation-delay: calc(400ms * 26);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(29) {
  animation-delay: calc(400ms * 27);
}
.WelcomeScene__button-animation[data-v-e9cf33f2]:nth-child(30) {
  animation-delay: calc(400ms * 28);
}
.WelcomeScene__start-button[data-v-e9cf33f2] {
  width: 50%;
  background-color: rgba(2, 86, 197, 0.5);
  border-radius: 50px;
  border: none;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  z-index: 15;
  position: relative;
  transition: box-shadow 0.3s ease, transform 0.3s ease;;
  
  box-shadow: 0 0 30px 10px rgba(2, 86, 197, 1.7);
}
.WelcomeScene__start-button > div[data-v-e9cf33f2] {
  position:absolute;
}
.WelcomeScene__start-button > img[data-v-e9cf33f2] {
  width: 100%;
}
.WelcomeScene__start-button[data-v-e9cf33f2]:hover {
   transform: scale(1.05);
}
.WelcomeScene__start-button-title[data-v-e9cf33f2] {
  font-size: 48px;
  font-family: 'jura';
  font-weight: 700;
  color: #FFFFFF;
}
.WelcomeScene__start-button-description[data-v-e9cf33f2] {
  font-style: normal;
  font-weight: 700;
  font-family: 'jura';
  font-size: 10px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #00FFFF;
  padding: 5px;
}
.WelcomeScene__caution[data-v-e9cf33f2] {
  position: absolute;
  top: 76%;
  max-width: calc(100% - 40px);
  z-index: -1;
}
.WelcomeScene__caution p[data-v-e9cf33f2] {
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #FFFFFF;
}
.WelcomeScene__caution p.WelcomeScene__tools[data-v-e9cf33f2] {
  margin-top: 12px;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.5px;
  opacity: 0.6;
  text-transform: uppercase;
}
.WelcomeScene__caution a[data-v-e9cf33f2] {
  color: #00f0ff;
  font-weight: 300;
  font-size: 18px;
  text-align: center;
  text-shadow: 0px 0px 20px #000000;
  line-height: 1.38;
  pointer-events: all;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 375px)
{
.WelcomeScene__start-button-title[data-v-e9cf33f2] {
    font-size: 38px;
}
}
@media (max-width: 430px)
{
.WelcomeScene__caution[data-v-e9cf33f2] {
   max-width: calc(100% - 10px);
}
}
@media (max-height: 667px) and (min-width: 501px)
{
.WelcomeScene__start-button-title[data-v-e9cf33f2] {
    font-size: 38px;
}
.WelcomeScene__caution p[data-v-e9cf33f2] {
    font-size: 15px;
}
.WelcomeScene__caution a[data-v-e9cf33f2] {
    font-size: 15px;
}
.WelcomeScene__caution[data-v-e9cf33f2] {
    max-width: calc(100% - 20px);
}
}
@media (max-height: 520px) and (min-width: 501px)
{
.WelcomeScene__start-button-title[data-v-e9cf33f2] {
    font-size: 34px;
}
.WelcomeScene__caution p[data-v-e9cf33f2] {
    font-size: 13px;
}
.WelcomeScene__caution a[data-v-e9cf33f2] {
    font-size: 13px;
}
.WelcomeScene__caution[data-v-e9cf33f2] {
    max-width: calc(100% - 10px);
}
}




/* Self-hosted fonts (offline demo — no Google Fonts CDN dependency).
   url() is resolved at runtime relative to build/css/style.css, so paths
   point at build/gui/fonts/ via ../gui/fonts/. */
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../gui/fonts/jura-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Jura';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../gui/fonts/jura-latin-700-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../gui/fonts/exo-2-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../gui/fonts/exo-2-latin-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../gui/fonts/exo-2-latin-600-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Exo 2';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../gui/fonts/exo-2-latin-400-italic.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../gui/fonts/inter-latin-300-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../gui/fonts/inter-latin-400-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../gui/fonts/inter-latin-500-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../gui/fonts/inter-latin-600-normal.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(../gui/fonts/inter-latin-800-normal.woff2) format('woff2');
}
* {
  margin: 0;
  padding: 0;
}

html {
  overflow: hidden;
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  height: 100%;
  width: 100%;
  background-color: #000;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  overflow: auto;
  font-family: "Jura";
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.exo2-font {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.orbitron-font {
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}

.--light {
  font-weight: 300;
}
.--regular {
  font-weight: 400;
}

.--medium {
  font-weight: 500;
}

.--semi-bold {
  font-weight: 600;
}

.--bold {
  font-weight: 700;
}

.--black {
  font-weight: 900;
}

img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

button {
  cursor: pointer;
  text-transform: uppercase;
}

a,
button,
input,
select {
  pointer-events: auto;
}

#notSupported {
  width: 50%;
  margin: auto;
  background-color: #f00;
  margin-top: 20px;
  padding: 10px;
}

#game {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #040310;
  overflow: hidden;
  filter: blur(0px);
  transform: scale(1);
  transition: ease 600ms transform, ease 600ms filter;
}

#gui {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  min-width: 320px;
  overflow: hidden;
  pointer-events: none;
  touch-action: manipulation;
  /* background-image: url(../gui/images/background.png);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; */
}

#game>canvas {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

#game.is-blured {
  filter: blur(10px);
  transform: scale(1.07);
}

.gui-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  pointer-events: all;
}

.fade-enter-active,
.fade-leave-active {
  transition: ease-in-out opacity 200ms;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.version {
  position: absolute;
  left: 12px;
  bottom: 10px;
  z-index: 2;
  opacity: 0.5;
  font-size: 13px;
  color: #00f0ff;
}

@keyframes pulse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.Toastify__toast-container {
  --toastify-toast-width: 280px;
  --toastify-toast-min-height: 44px;
}

.Toastify__toast-container .Toastify__toast {
  margin-bottom: 10px;
  padding: 6px;
  border-radius: 0;
  box-shadow: none;
  background-color: #080018;
  color: #00eaf9;
  font-family: inherit;
  font-size: 13px;
}

.Toastify__toast-container .Toastify__toast-body {
  margin: 0;
}
:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-colored:#ddd}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;transform:translate3d(0,0,var(--toastify-z-index) px);width:var(--toastify-toast-width);z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:pointer;direction:ltr;display:flex;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:var(--toastify-toast-max-height);min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px;white-space:pre-wrap}.Toastify__toast-body>div:last-child{flex:1}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify__toast-text{display:flex;flex-direction:column;gap:2px;line-height:1.35;width:100%}.Toastify__toast-text-title{font-weight:600}.Toastify__toast-text-content{opacity:.92}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:var(--toastify-color-info);color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:var(--toastify-color-success);color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:var(--toastify-color-warning);color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:var(--toastify-color-error);color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:var(--toastify-color-progress-colored)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentcolor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__none{0%,60%,75%,90%,to{animation-duration:0;animation-timing-function:none}0%{opacity:1;transform:translateZ(0)}to{transform:translateZ(0)}}.Toastify__none-enter--bottom-center,.Toastify__none-enter--bottom-left,.Toastify__none-enter--bottom-right,.Toastify__none-enter--top-center,.Toastify__none-enter--top-left,.Toastify__none-enter--top-right{animation-name:Toastify__none}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}