@charset "UTF-8";
[data-v-4b1da0a0]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-4b1da0a0]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-4b1da0a0]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-4b1da0a0]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.faq__body[data-v-4b1da0a0] {
  margin-top:35px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px
}
.faq__body a[data-v-4b1da0a0] {
  display:flex;
  flex-direction:column;
  color:var(--general-white);
  background:var(--general-underlay-2-lvl);
  border:.6px solid var(--general-stroke);
  height:206px;
  border-radius:20px;
  overflow:hidden
}
.faq__body a .title[data-v-4b1da0a0] {
  margin-top:16px;
  margin-left:16px;
  font-size:20px;
  line-height:24px
}
.faq__body a .subtitle[data-v-4b1da0a0] {
  margin-top:4px;
  margin-left:16px;
  font-size:14px;
  line-height:16px;
  color:var(--general-grey)
}
.faq__body a img[data-v-4b1da0a0] {
  margin-top:5px;
  width: 196px;
  height: 161px;
}
.faq__body a[data-v-4b1da0a0]:hover {
  background:#363360
}
[data-v-0c2cbebe]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-0c2cbebe]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-0c2cbebe]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-0c2cbebe]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.faq_nav[data-v-0c2cbebe] {
  max-width:43%;
  flex-shrink:1;
  padding:24px 32px;
  border-radius:20px;
  border:.6px solid var(--general-stroke);
  background-color:var(--general-transparent-dark-75)
}
.faq_nav .faq__header[data-v-0c2cbebe] {
  display:flex;
  justify-content:space-between
}
.faq_nav .faq__header span[data-v-0c2cbebe] {
  font-size:24px;
  line-height:48px
}
.faq_nav .faq__header a[data-v-0c2cbebe] {
  display:flex
}
.faq_nav .faq__header a .faq_support_chat[data-v-0c2cbebe] {
  display:flex;
  margin:auto;
  justify-content:space-between;
  width:200px;
  height:48px;
  background:var(--button-tonal-default);
  border-radius:10px;
  color:var(--general-white);
  font-weight:500;
  border:none;
  outline:none
}
.faq_nav .faq__header a .faq_support_chat span[data-v-0c2cbebe] {
  font-size:16px;
  line-height:20px
}
.faq_nav .faq__header a .faq_support_chat span a[data-v-0c2cbebe] {
  color:var(--general-white)
}
.faq_nav .faq__header a .faq_support_chat span[data-v-0c2cbebe],
.faq_nav .faq__header a .faq_support_chat svg[data-v-0c2cbebe] {
  margin:auto
}
.faq_nav .faq__header a .faq_support_chat[data-v-0c2cbebe]:hover {
  background:var(--button-tonal-hover)
}
.faq_nav .faq__body[data-v-0c2cbebe] {
  margin-top:35px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px
}
.faq_nav .faq__body a[data-v-0c2cbebe] {
  display:flex;
  flex-direction:column;
  height:206px;
  border-radius:20px;
  overflow:hidden;
  cursor: default;
  pointer-events: none;
}
.faq_nav .faq__body a .title[data-v-0c2cbebe] {
  margin-top:16px;
  margin-left:16px;
  font-size:20px;
  line-height:24px
}
.faq_nav .faq__body a .subtitle[data-v-0c2cbebe] {
  margin-top:4px;
  margin-left:16px;
  font-size:14px;
  line-height:16px
}
.faq_nav .faq__body a img[data-v-0c2cbebe] {
  margin-top:5px;
  width:178px;
  height:146px
}
.faq_nav .faq__body a[data-v-0c2cbebe]:hover {
  background:var(--button-tonal-hover)
}
.faq_nav .faq__footer[data-v-0c2cbebe] {
  margin-top:24px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  cursor:pointer
}
.faq_nav .faq__footer .privacy[data-v-0c2cbebe],
.faq_nav .faq__footer .terms[data-v-0c2cbebe] {
  line-height:48px;
  height:48px;
  text-align:center;
  color:var(--button-accident-content);
  background:var(--button-tonal-default);
  border-radius:10px
}
.faq_nav .faq__footer a[data-v-0c2cbebe] {
  color:var(--general-white)
}
@media screen and (max-width:1200px) {
  .faq_nav[data-v-0c2cbebe] {
    width:100%;
    max-width:100%
  }
  .faq_nav .faq__header[data-v-0c2cbebe] {
    flex-direction:column
  }
  .faq_nav .faq__header span[data-v-0c2cbebe] {
    text-align:center
  }
  .faq_nav .faq__header a[data-v-0c2cbebe] {
    margin-top:15px
  }
}
@media screen and (max-width:510px) {
  .faq_nav .faq__header span[data-v-0c2cbebe] {
    font-size:20px;
    line-height:24px
  }
  .faq_nav .faq__header a .faq_support_chat[data-v-0c2cbebe] {
    width:180px;
    height:42px
  }
  .faq_nav .faq__header a .faq_support_chat svg[data-v-0c2cbebe] {
    width:16px;
    height:16px
  }
  .faq_nav .faq__body a .title[data-v-0c2cbebe] {
    font-size:16px
  }
  .faq_nav .faq__body a .subtitle[data-v-0c2cbebe] {
    font-size:12px
  }
  .faq_nav .faq__body a img[data-v-0c2cbebe] {
    transform:scale(.85);
    margin-top:10px;
    margin-left:-15px
  }
}
[data-v-98210879]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-98210879]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:525px) {
  .faq_nav .faq__body[data-v-0c2cbebe] {
    grid-template-columns: repeat(1,1fr);
  }
}

@media screen and (max-width:475px) {
  [data-v-98210879]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-98210879]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.faq_questions[data-v-98210879] {
  margin:24px 32px;
  flex-grow:1;
  min-height:50vh;
  max-height:914px;
  overflow-y:scroll
}
@media screen and (max-width:1200px) {
  .faq_questions[data-v-98210879] {
    margin:30px 0
  }
}
.faq_questions[data-v-98210879]::-webkit-scrollbar {
  display:none
}
.faq_questions[data-v-98210879] {
  -ms-overflow-style:none;
  scrollbar-width:none
}
.intro-block[data-v-98210879] {
  margin-bottom:25px;
  font-size:1.125rem;
  line-height:21px;
  font-size:24px;
  line-height:48px
}
.block[data-v-98210879],
.question-container[data-v-98210879] {
  border-radius:20px
}
.block[data-v-98210879]:not(:last-of-type) {
  margin-bottom:10px
}
.question-container[data-v-98210879] {
  cursor:pointer;
  position:relative;
  display:flex;
  padding:15px 50px 15px 15px;
  overflow:hidden;
  border:.6px solid var(--general-stroke);
  transition:.25s
}
.question-container[data-v-98210879]:hover {
  background-color:var(--general-underlay-1-lvl)
}
.question-container[data-v-98210879]:after {
  content:"";
  position:absolute;
  top:50%;
  right:25px;
  transform:translateY(-50%) rotate(-45deg);
  width:10px;
  height:10px;
  border-left:2px solid var(--general-white);
  border-bottom:2px solid var(--general-white);
  transition:.25s
}
.opened[data-v-98210879]:after {
  transform:rotate(135deg)
}
.answer[data-v-98210879] {
  margin-top:16px;
  color:var(--general-white);
  line-height:22px;
  background-color:var(--general-underlay-1-lvl);
  border-radius:12px;
  padding:22px;
  display: none;
}
.serial[data-v-98210879] {
  display:flex;
  align-items:center;
  justify-content:center;
  width:50px;
  margin-right:15px;
  color:#c7c7ff
}
.question[data-v-98210879] p {
  margin:0
}
[data-v-3f2c2db3]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-3f2c2db3]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-3f2c2db3]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-3f2c2db3]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.legal_info[data-v-3f2c2db3] {
  max-width:50%;
  margin:24px 32px;
  flex-grow:1;
  min-height:50vh;
  max-height:914px;
  overflow-y:scroll
}
@media screen and (max-width:1200px) {
  .legal_info[data-v-3f2c2db3] {
    margin:30px 0
  }
}
.legal_info .content[data-v-3f2c2db3] p a {
  color:var(--general-white)
}
:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  :root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  :root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  :root {
    --indentX: 20px;
    --indentY: 40px
  }
}
._social-links-container_iowcg_24 {
  position:relative;
  display:flex;
  flex-direction:row!important;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  padding:15px 5px
}
._social-link_iowcg_24 {
  flex-shrink:0;
  display:flex;
  justify-content:center;
  align-items:center;
  width:40px;
  height:40px;
  border-radius:12px;
  background-color:var(--button-tonal-default);
  transition:.25s;
  margin-left:10px
}
._social-link_iowcg_24:hover {
  background-color:var(--button-tonal-hover)
}
._social-link_iowcg_24 svg {
  width:25px;
  fill:var(--general-white)
}
[data-v-9dc4c89a]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-9dc4c89a]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-9dc4c89a]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-9dc4c89a]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.popup-bg[data-v-9dc4c89a] {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:18px!important;
  z-index:10
}
.popup-bg-standoff[data-v-9dc4c89a] {
  background-color:#131129bf
}
.popup-bg-genshin[data-v-9dc4c89a] {
  background-color:#202d40a8
}
.offline-wrapper-bg-standoff[data-v-9dc4c89a] {
  background-color:#161733
}
.offline-wrapper-bg-genshin[data-v-9dc4c89a] {
  background-color:#1f2733
}
.offline-wrapper[data-v-9dc4c89a] {
  position:absolute;
  max-width:437px;
  padding:32px;
  display:flex;
  flex-direction:column;
  align-items:center;
  border-radius:20px;
  box-shadow:2px 4px 8px #131129cc
}
.offline-wrapper .offline[data-v-9dc4c89a] {
  display:flex;
  flex-direction:column;
  align-items:center
}
@media screen and (max-width:1200px) {
  .offline-wrapper[data-v-9dc4c89a] {
    background-color:unset;
    max-width:none;
    padding:0 40px;
    box-shadow:none
  }
  .offline-wrapper .offline[data-v-9dc4c89a] {
    width:100%;
    padding:32px;
    background-color:#161733;
    border-radius:20px;
    box-shadow:2px 4px 8px #131129cc
  }
  .offline-wrapper .offline-bg-standoff[data-v-9dc4c89a] {
    background-color:#161733
  }
  .offline-wrapper .offline-bg-genshin[data-v-9dc4c89a] {
    background-color:#1f2733
  }
}
@media screen and (max-width:475px) {
  .offline-wrapper[data-v-9dc4c89a] {
    padding:0
  }
}
.offline-wrapper .title[data-v-9dc4c89a],
.offline-wrapper .subtitle[data-v-9dc4c89a] {
  font-weight:400
}
.offline-wrapper .title[data-v-9dc4c89a] {
  font-size:24px;
  line-height:28px;
  margin-top:32px;
  margin-bottom:12px
}
.offline-wrapper .subtitle[data-v-9dc4c89a] {
  font-size:18px;
  line-height:20px;
  margin-bottom:24px
}
.offline-wrapper .close-popup[data-v-9dc4c89a] {
  font-size:16px;
  line-height:16px;
  color:var(--general-white);
  padding:12px 0;
  background-color:#2d2a4f;
  border-radius:10px;
  border:none;
  width:100%
}
.offline-wrapper .close-popup[data-v-9dc4c89a]:hover {
  background:var(--button-tonal-hover)
}
.offline-wrapper .close-popup-bg-genshin[data-v-9dc4c89a] {
  background-color:#2e4254
}
.offline-wrapper .close-popup-bg-standoff[data-v-9dc4c89a] {
  background-color:#2d2a4f
}
.offline-wrapper img[data-v-9dc4c89a] {
  max-width:50%;
  aspect-ratio:1
}
[data-v-abc962b0]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-abc962b0]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-abc962b0]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-abc962b0]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.noAuth[data-v-abc962b0] {
  width:64%;
  margin:auto;
  text-align:center
}
.noAuth[data-v-abc962b0] .social-links-container {
  flex-direction:row
}
.noAuth[data-v-abc962b0] .social-links-container .social-link {
  margin:0 0 0 15px
}
.support-chat-wrapper[data-v-abc962b0] {
  position:relative;
  margin:0 32px;
  display:flex;
  align-items:center;
  flex-grow:1
}
@media screen and (max-width:1200px) {
  .support-chat-wrapper[data-v-abc962b0] {
    margin:30px 0
  }
}
#TalkMe-container[data-v-abc962b0] {
  width:100%;
  height:100%
}
.supportChat[data-v-abc962b0] {
  width:64%;
  max-height:914px;
  overflow-y:scroll;
  z-index:0
}
@media screen and (max-width:1200px) {
  .supportChat[data-v-abc962b0] {
    padding:0
  }
  .supportChat[data-v-abc962b0] .online-chat-root.inline-mode {
    height:520px!important
  }
}
.supportChat[data-v-abc962b0]::-webkit-scrollbar {
  display:none
}
.supportChat[data-v-abc962b0] {
  -ms-overflow-style:none;
  scrollbar-width:none
}
[data-v-f9e4e7c6]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-f9e4e7c6]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-f9e4e7c6]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-f9e4e7c6]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.empty__form[data-v-f9e4e7c6] {
  margin:auto;
  flex-grow:1;
  padding:24px 32px;
  text-align:center
}
@media screen and (max-width:900px) {
  .empty__form[data-v-f9e4e7c6] {
    display:none
  }
}
[data-v-a473a176]:root {
  --indentX: 80px;
  --indentY: 56px
}
@media screen and (max-width:1000px) {
  [data-v-a473a176]:root {
    --indentX: 24px;
    --indentY: 48px
  }
}
@media screen and (max-width:475px) {
  [data-v-a473a176]:root {
    --indentX: 20px;
    --indentY: 48px
  }
}
@media screen and (max-width:375px) {
  [data-v-a473a176]:root {
    --indentX: 20px;
    --indentY: 40px
  }
}
.faq[data-v-a473a176] {
  display:flex;
  justify-content:space-between;
  max-width:87.5%;
  margin:32px auto;
  color:var(--general-white)
}
@media screen and (max-width:1200px) {
  .faq[data-v-a473a176] {
    flex-direction:column
  }
  .faq .faq_nav[data-v-a473a176],
  .faq .faq_questions[data-v-a473a176],
  .faq .lefal_info[data-v-a473a176],
  .faq .supportChat[data-v-a473a176] {
    width:100%
  }
}
@media screen and (max-width:375px) {
  .faq[data-v-a473a176] {
    max-width:100%
  }
  .faq .faq_nav[data-v-a473a176] {
    padding:24px 20px
  }
}
.spiner-block[data-v-a473a176],
.no-data[data-v-a473a176] {
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  min-height:60vh;
  display:flex;
  justify-content:center;
  align-items:center
}
h1[data-v-a473a176] {
  margin:2rem auto;
  font-size:2rem
}