.index_banner__QPEln {
  background-color: var(--okd-color-alert-info);
  display: flex;
  max-height: 50vh;
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s ease-in-out;
  transition: max-height var(--animation-duration, 0.3s) ease-in-out;
  will-change: max-height;
}
.index_banner__QPEln .index_content__CujdD {
  color: var(--okd-color-content-secondary);
  display: flex;
  flex: 1 1;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 16px;
}
.index_banner__QPEln .index_content__CujdD .index_infoIcon__eCLrS {
  display: flex;
  font-size: 16px;
  height: 20px;
  justify-content: center;
  width: 20px;
}
.index_banner__QPEln .index_content__CujdD .index_description__sbI5d {
  flex: 1 1;
  margin-left: 8px;
  margin-right: 8px;
}
.index_banner__QPEln .index_content__CujdD .index_closeIcon__n3hhX {
  cursor: pointer;
  font-size: 20px;
  height: 20px;
  width: 20px;
}
.index_visible__Ppz1A {
  max-height: 50vh;
}
.index_hidden__MT26J {
  max-height: 0;
}
.index_LinkCard__Bh4Fr {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .index_LinkCard__Bh4Fr {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .index_LinkCard__Bh4Fr {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 1270px) {
  .index_LinkCard__Bh4Fr {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
.index_container__w6M4L {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 16px 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .index_container__w6M4L {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .index_container__w6M4L {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1270px) {
  .index_container__w6M4L {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .index_container__w6M4L {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .index_container__w6M4L {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .index_container__w6M4L {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .index_container__w6M4L {
    padding-bottom: 60px;
  }
}
.index_header__Mean5 {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .index_header__Mean5 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .index_header__Mean5 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1270px) {
  .index_header__Mean5 {
    margin-bottom: 48px;
  }
}
.index_title__yovbq {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.index_title__yovbq > h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .index_title__yovbq > h2 {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .index_title__yovbq > h2 {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .index_title__yovbq > h2 {
    line-height: 1.32;
  }
}
@media (min-width: 1024px) {
  .index_title__yovbq > h2 {
    line-height: 1.32;
  }
}
.index_title__yovbq > :not(:last-child) {
  margin-right: 16px;
}
.index_seeMoreLink__pv7yh {
  align-items: center;
  color: #929292;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 1.71;
}
@media (min-width: 768px) {
  .index_seeMoreLink__pv7yh {
    font-size: 18px;
    line-height: 1.33;
  }
}
.index_seeMoreLink__pv7yh i {
  margin-left: 0.25em;
}
@media (max-width: 767px) {
  .index_seeMoreLink__pv7yh > p {
    display: none;
  }
  .index_seeMoreLink__pv7yh i {
    padding-left: 1em;
  }
}
.index_link-container__5Esz\+ {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 768px) {
  .index_link-container__5Esz\+ {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.index_link-item-card__UhIJs {
  align-items: center;
  background: var(--okd-color-background-surface-secondary);
  border: 1px solid var(--okd-color-border-primary);
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--okd-color-text-amplifed);
  display: flex;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  justify-content: flex-start;
  line-height: 1.25;
  padding: 16px;
  width: 100%;
}
@media (min-width: 1270px) {
  .index_link-item-card__UhIJs {
    font-size: 18px;
    line-height: 1.33;
  }
}
@media (min-width: 768px) {
  .index_link-item-card__UhIJs {
    width: calc(50% - 12px);
  }
}
@media (min-width: 1024px) {
  .index_link-item-card__UhIJs {
    width: calc(33.33333% - 16px);
  }
}
@media (min-width: 768px) {
  .index_link-item-card__UhIJs {
    height: 84px;
  }
}
@media (min-width: 1024px) {
  .index_link-item-card__UhIJs {
    height: 108px;
  }
}
.index_link-item-card__UhIJs:hover {
  border-color: var(--okd-color-border-secondary);
}
.index_link-item-card__UhIJs:not(:last-child) {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .index_link-item-card__UhIJs:not(:last-child) {
    margin-bottom: 0;
  }
  .index_link-item-card__UhIJs:nth-child(odd) {
    margin-right: 24px;
  }
}
@media (min-width: 1024px) {
  .index_link-item-card__UhIJs:nth-child(odd) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .index_link-item-card__UhIJs:not(:nth-last-child(-n + 2)) {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .index_link-item-card__UhIJs:not(:nth-last-child(-n + 2)) {
    margin-bottom: 0;
  }
  .index_link-item-card__UhIJs:not(:nth-child(3n)) {
    margin-right: 24px;
  }
  .index_link-item-card__UhIJs:not(:nth-last-child(-n + 3)) {
    margin-bottom: 24px;
  }
}
.index_CollapseExpandCard__1CDKY {
  align-items: flex-start;
  background: var(--okd-color-background-surface-secondary);
  border: 1px solid var(--okd-color-border-primary);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 16px;
}
@media (min-width: 768px) {
  .index_CollapseExpandCard__1CDKY {
    padding: 32px;
  }
}
.index_header__\+3don {
  align-items: center;
  border-bottom: 1px solid var(--okd-color-border-primary);
  box-sizing: border-box;
  color: var(--okd-color-content-primary);
  display: flex;
  max-height: 110.88px;
  padding-bottom: 24px;
  text-align: left;
  width: 100%;
}
@media (max-width: 767px) {
  .index_header__\+3don {
    border-bottom: none;
    padding-bottom: 0;
  }
}
.index_cardTitle__FFhdq {
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
  color: var(--okd-color-content-primary);
  display: flex;
  display: -webkit-box;
  flex: 1 1;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  overflow: hidden;
}
@media (min-width: 768px) {
  .index_cardTitle__FFhdq {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.36;
  }
}
.index_cardIcon__dn3dI {
  flex: 0 0 auto;
  margin-left: 0;
  margin-right: 16px;
  width: 24px;
}
@media (min-width: 768px) {
  .index_cardIcon__dn3dI {
    margin-left: 16px;
    margin-right: 0;
    width: 32px;
  }
}
.index_expandIcon__ee\+ga {
  transition: transform 0.3s ease-in-out;
}
@media (min-width: 768px) {
  .index_expandIcon__ee\+ga {
    display: none;
  }
}
.index_rotate__e8Z5F {
  transform: rotate(180deg);
}
.index_contentContainer__XTJnD {
  margin-top: 24px;
  width: 100%;
}
@media (max-width: 767px) {
  .index_contentContainer__XTJnD {
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
  }
  .index_contentContainer__XTJnD.index_expanded__fYxFW {
    margin-top: 32px;
    max-height: 100vh;
  }
}
.index_item__E63Te:not(:last-of-type) {
  margin-bottom: 24px;
}
.index_itemLink__ziat5 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.index_itemTitle__SrYqN {
  align-items: baseline;
  color: var(--okd-color-content-primary);
  display: flex;
  flex-direction: row;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .index_itemTitle__SrYqN {
    font-weight: 700;
  }
}
.index_itemIcon__N1haJ,
.index_itemTitle__SrYqN i {
  font-size: 14px;
  font-weight: 700;
}
.index_itemDesc__XSiSW {
  color: var(--okd-color-text-light);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.58;
}
.index_faq-container__GilkD {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .index_faq-container__GilkD {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 1270px) {
  .index_faq-container__GilkD {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
.index_faq-container__GilkD .index_faq-gird__J\+Nin {
  box-sizing: border-box;
  padding: 16px 8px 0;
  width: 100%;
}
@media (min-width: 768px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1270px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin {
    padding-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin {
    padding-bottom: 44px;
  }
}
.index_faq-container__GilkD .index_faq-gird__J\+Nin .index_faq-header__eVQxC {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin .index_faq-header__eVQxC {
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin .index_faq-header__eVQxC {
    margin-bottom: 48px;
  }
}
.index_faq-container__GilkD
  .index_faq-gird__J\+Nin
  .index_faq-header__eVQxC
  .index_faq-title__5lKWr {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .index_faq-container__GilkD
    .index_faq-gird__J\+Nin
    .index_faq-header__eVQxC
    .index_faq-title__5lKWr {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD
    .index_faq-gird__J\+Nin
    .index_faq-header__eVQxC
    .index_faq-title__5lKWr {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .index_faq-container__GilkD
    .index_faq-gird__J\+Nin
    .index_faq-header__eVQxC
    .index_faq-title__5lKWr {
    line-height: 1.32;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD
    .index_faq-gird__J\+Nin
    .index_faq-header__eVQxC
    .index_faq-title__5lKWr {
    line-height: 1.32;
  }
}
.index_faq-container__GilkD
  .index_faq-gird__J\+Nin
  .index_faq-see-more-link__yMqtb
  > span {
  align-items: center;
  color: #929292;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 1.71;
}
@media (min-width: 768px) {
  .index_faq-container__GilkD
    .index_faq-gird__J\+Nin
    .index_faq-see-more-link__yMqtb
    > span {
    font-size: 18px;
    line-height: 1.33;
  }
}
.index_faq-container__GilkD
  .index_faq-gird__J\+Nin
  .index_faq-see-more-link__yMqtb
  > span
  i {
  margin-left: 0.25em;
}
@media (max-width: 767px) {
  .index_faq-container__GilkD
    .index_faq-gird__J\+Nin
    .index_faq-see-more-link__yMqtb
    > span
    > p {
    display: none;
  }
  .index_faq-container__GilkD
    .index_faq-gird__J\+Nin
    .index_faq-see-more-link__yMqtb
    > span
    i {
    padding-left: 1em;
  }
}
.index_faq-container__GilkD .index_faq-gird__J\+Nin .index_faq-list__F6ehM {
  -moz-column-count: 1;
  column-count: 1;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media (min-width: 768px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin .index_faq-list__F6ehM {
    -moz-column-count: 2;
    column-count: 2;
  }
}
@media (min-width: 1024px) {
  .index_faq-container__GilkD .index_faq-gird__J\+Nin .index_faq-list__F6ehM {
    -moz-column-count: 3;
    column-count: 3;
  }
}
.index_faq-container__GilkD
  .index_faq-gird__J\+Nin
  .index_faq-list__F6ehM
  .index_faq-item__FKZYI {
  display: inline-block;
  margin-bottom: 16px;
  position: relative;
  width: 100%;
}
.follow-up-container {
  box-sizing: border-box;
  padding: 16px 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .follow-up-container {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .follow-up-container {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1270px) {
  .follow-up-container {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .follow-up-container {
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .follow-up-container {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .follow-up-container {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .follow-up-container {
    padding-bottom: 60px;
  }
}
.follow-up-container .follow-up-title {
  color: #fff;
  color: var(--okd-color-content-primary, #fff);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .follow-up-container .follow-up-title {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .follow-up-container .follow-up-title {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .follow-up-container .follow-up-title {
    line-height: 1.32;
  }
}
.follow-up-container .follow-options {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .follow-up-container .follow-options {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  .follow-up-container .follow-options {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 48px;
  }
}
.follow-up-container .follow-options > :not(:last-child) {
  margin-bottom: 24px;
}
@media (min-width: 1024px) {
  .follow-up-container .follow-options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 24px;
  }
}
.follow-up-container .follow-options .follow-tag {
  margin-bottom: 4px;
}
.index_card__6UE9O {
  align-self: stretch;
  background: #1a1a1a;
  background: var(--okd-color-background-surface-primary, #1a1a1a);
  border-radius: 8px;
  box-sizing: border-box;
  display: flex;
  flex: 1 0;
  flex-direction: column;
  overflow: scroll;
  padding: 24px;
}
.index_card__6UE9O:hover {
  background: #383838;
  background: var(--okd-color-background-surface-pressed, #383838);
  cursor: pointer;
}
.index_card__6UE9O .index_icon__au\+j7 {
  color: #fff;
  color: var(--okd-color-content-primary, #fff);
  font-size: 24px;
}
.index_card__6UE9O .index_titleWrapper__MdZdZ {
  align-items: flex-end;
  display: flex;
  padding: 24px 0;
}
.index_card__6UE9O .index_titleWrapper__MdZdZ > :not(:last-child) {
  margin-right: 12px;
}
.index_card__6UE9O .index_titleWrapper__MdZdZ .index_title__17wiB {
  color: #fff;
  color: var(--okd-color-content-primary, #fff);
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
}
.index_card__6UE9O .index_description__639pL {
  color: #b3b3b3;
  color: var(--okd-color-content-tertiary, #b3b3b3);
  font-size: 16px;
  font-weight: 400;
  line-height: 158%;
  text-align: left;
}
:root {
  --okd-tag-fill-lime-background-color: var(--okd-color-semantic-highlight);
  --okd-tag-fill-lime-font-color: var(--okd-color-content-primary);
  --okd-tag-fill-lime-border-color: var(--okd-color-common-transparent);
  --okd-tag-fill-lightgrey-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-md-font-size: 12px;
  --okd-tag-md-font-weight: 400;
  --okd-tag-md-line-height: 16px;
  --okd-tag-md-border-width: 1px;
  --okd-tag-md-border-radius: 4px;
  --okd-tag-md-padding-vertical: 2px;
  --okd-tag-md-padding-horizontal: 4px;
  --okd-tag-lg-font-size: 12px;
  --okd-tag-lg-font-weight: 400;
  --okd-tag-lg-line-height: 16px;
  --okd-tag-lg-border-width: 1px;
  --okd-tag-lg-border-radius: 4px;
  --okd-tag-lg-padding-vertical: 4px;
  --okd-tag-lg-padding-horizontal: 8px;
  --okd-tag-sm-font-size: 10px;
  --okd-tag-sm-font-weight: 400;
  --okd-tag-sm-line-height: 12px;
  --okd-tag-sm-height: 16px;
  --okd-tag-sm-border-width: 1px;
  --okd-tag-sm-border-radius: 4px;
  --okd-tag-sm-padding-vertical: 2px;
  --okd-tag-sm-padding-horizontal: 4px;
  --okd-tag-md-height: 20px;
  --okd-tag-lg-height: 24px;
  --okd-tag-lg-icon-size: 16px;
  --okd-tag-md-icon-size: 16px;
  --okd-tag-sm-icon-size: 12px;
}
.theme-dark {
  --okd-tag-fill-lime-background-color: var(--okd-color-semantic-highlight);
  --okd-tag-fill-lime-font-color: var(--okd-color-content-inverse);
  --okd-tag-fill-lime-border-color: var(--okd-color-common-transparent);
  --okd-tag-fill-lightgrey-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-lightgrey-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-fill-tangerine-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-background-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-font-color: hsla(0, 0%, 100%, 0);
  --okd-tag-outline-lime-border-color: hsla(0, 0%, 100%, 0);
  --okd-tag-md-font-size: 12px;
  --okd-tag-md-font-weight: 400;
  --okd-tag-md-line-height: 16px;
  --okd-tag-md-border-width: 1px;
  --okd-tag-md-border-radius: 4px;
  --okd-tag-md-padding-vertical: 2px;
  --okd-tag-md-padding-horizontal: 4px;
  --okd-tag-lg-font-size: 12px;
  --okd-tag-lg-font-weight: 400;
  --okd-tag-lg-line-height: 16px;
  --okd-tag-lg-border-width: 1px;
  --okd-tag-lg-border-radius: 4px;
  --okd-tag-lg-padding-vertical: 4px;
  --okd-tag-lg-padding-horizontal: 8px;
  --okd-tag-sm-font-size: 10px;
  --okd-tag-sm-font-weight: 400;
  --okd-tag-sm-line-height: 12px;
  --okd-tag-sm-height: 16px;
  --okd-tag-sm-border-width: 1px;
  --okd-tag-sm-border-radius: 4px;
  --okd-tag-sm-padding-vertical: 2px;
  --okd-tag-sm-padding-horizontal: 4px;
  --okd-tag-md-height: 20px;
  --okd-tag-lg-height: 24px;
  --okd-tag-lg-icon-size: 16px;
  --okd-tag-md-icon-size: 16px;
  --okd-tag-sm-icon-size: 12px;
}
@media (max-width: 767px) {
  span.index_hideSm__lJK44,
  span.index_hideSm__lJK44:first-child + span:not(.index_hideSm__lJK44):before {
    display: none;
  }
}
.index_likeDisplay__zDiwu {
  align-items: center;
  display: flex;
}
.index_likeDisplay__zDiwu > i {
  margin-right: 4px;
}
.index_dividerRow__FHkzs {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.index_dividerRow__FHkzs > span:not(:first-child):before {
  background-color: var(--okd-color-content-disabled);
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 8px;
  width: 1px;
}
@media (min-width: 768px) {
  .index_dividerRow__FHkzs > span:not(:first-child):before {
    margin: 0 12px;
  }
}
.index_title__iTmos {
  color: #fff;
  color: var(--okd-color-content-primary, #fff);
  line-height: 24px;
}
.index_detailsRow__8Gmjm {
  color: #909090;
  color: var(--okd-color-content-contrast, #909090);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-top: 4px;
}
@media (min-width: 768px) {
  .index_detailsRow__8Gmjm {
    font-size: 14px;
    margin-top: 8px;
  }
}
.index_detailsRow__8Gmjm:empty {
  display: none;
}
.index_header__a0328 {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .index_header__a0328 {
    margin-bottom: 24px;
  }
}
@media (min-width: 1024px) {
  .index_header__a0328 {
    margin-bottom: 32px;
  }
}
@media (min-width: 1270px) {
  .index_header__a0328 {
    margin-bottom: 48px;
  }
}
.index_title__YAaaj {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.index_title__YAaaj > h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .index_title__YAaaj > h2 {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .index_title__YAaaj > h2 {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .index_title__YAaaj > h2 {
    line-height: 1.32;
  }
}
@media (min-width: 1024px) {
  .index_title__YAaaj > h2 {
    line-height: 1.32;
  }
}
.index_title__YAaaj > :not(:last-child) {
  margin-right: 16px;
}
.index_seeMoreLink__oL5HU {
  align-items: center;
  color: #929292;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 1.71;
}
@media (min-width: 768px) {
  .index_seeMoreLink__oL5HU {
    font-size: 18px;
    line-height: 1.33;
  }
}
.index_seeMoreLink__oL5HU .index_viewMoreIcon__zTv\+0 {
  margin-left: 0.25em;
}
@media (max-width: 767px) {
  .index_seeMoreLink__oL5HU > .index_viewMoreText__F6tYY {
    display: none;
  }
  .index_seeMoreLink__oL5HU .index_viewMoreIcon__zTv\+0 {
    padding-left: 1em;
  }
}
.index_listWrap__JeDFt {
  display: flex;
  flex-direction: column;
}
.index_link__4NmvG {
  border-bottom: 0.5px solid var(--okd-color-border-primary);
  color: var(--okd-color-content-primary);
  font-size: 16px;
  line-height: 1.58;
  padding: 16px 0;
}
.index_link__4NmvG .index_linkTitle__88d3K {
  font-size: 16px;
  font-weight: 500;
}
.index_link__4NmvG .index_linkTitle__88d3K:hover {
  text-decoration: underline;
}
.index_popover-desc__5xZII {
  font-size: 14px;
  line-height: 1.33;
}
@media (min-width: 1024px) {
  .index_popover-desc__5xZII {
    font-size: 16px;
    line-height: 1.58;
  }
}
.index_popover-icon__sZ1L0 {
  cursor: pointer;
}
.index_popover-icon__sZ1L0:before {
  font-size: 32px;
  line-height: 1;
}
@media (max-width: 767px) {
  .index_popover-icon__sZ1L0 {
    display: none;
  }
}
:root {
  --okd-popover-background: var(--okd-color-text-white);
  --okd-popover-link-color: var(--okd-color-content-secondary);
  --okd-popover-action-color: var(--okd-color-content-secondary);
  --okd-popover-title-color: var(--okd-color-content-primary);
  --okd-popover-title-line-height: 20px;
  --okd-popover-title-background: var(--okd-color-neutral-15);
  --okd-popover-desc-color: var(--okd-color-content-secondary);
  --okd-popover-md-font-size: 14px;
  --okd-popover-md-title-font-size: 16px;
  --okd-popover-md-line-height: 20px;
  --okd-popover-sm-font-size: 12px;
  --okd-popover-sm-title-font-size: 14px;
  --okd-popover-sm-line-height: 16px;
  --okd-popover-common-padding: 12px;
  --okd-popover-common-layer-width: 280px;
  --okd-popover-common-layer-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px -2px,
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px;
  --okd-popover-desc-background: var(--okd-color-modal-primary);
  --okd-popover-layer-background: var(--okd-color-modal-primary);
  --okd-popover-layer-border-color: var(--okd-color-transparent-white);
}
.theme-dark {
  --okd-popover-background: var(--okd-color-gray-400);
  --okd-popover-link-color: var(--okd-color-content-secondary);
  --okd-popover-action-color: var(--okd-color-content-secondary);
  --okd-popover-title-color: var(--okd-color-content-primary);
  --okd-popover-title-line-height: 20px;
  --okd-popover-title-background: var(--okd-color-neutral-185);
  --okd-popover-desc-color: var(--okd-color-content-secondary);
  --okd-popover-md-font-size: 14px;
  --okd-popover-md-title-font-size: 16px;
  --okd-popover-md-line-height: 20px;
  --okd-popover-sm-font-size: 12px;
  --okd-popover-sm-title-font-size: 14px;
  --okd-popover-sm-line-height: 16px;
  --okd-popover-common-padding: 12px;
  --okd-popover-common-layer-width: 280px;
  --okd-popover-common-layer-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px -2px,
    rgba(0, 0, 0, 0.1) 0px 10px 15px -3px;
  --okd-popover-desc-background: var(--okd-color-modal-primary);
  --okd-popover-layer-background: var(--okd-color-modal-primary);
  --okd-popover-layer-border-color: var(--okd-color-border-primary);
}
.theme-dark,
:root {
  --okd-popup-white-board-background: var(--okd-color-modal-primary);
  --okd-popup-white-board-shadow: #0000000d 0px 4px 6px -2px,
    #0000001a 0px 10px 15px -3px;
}
.index_container__QXNhy {
  overflow: hidden;
  position: relative;
  transition: max-height 0.3s linear;
  will-change: max-height;
}
.index_container__QXNhy .index_inner__1sy9C {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px 16px 60px;
}
@media (min-width: 768px) {
  .index_container__QXNhy .index_inner__1sy9C {
    flex-direction: row;
    padding: 60px 48px;
  }
}
.index_container__QXNhy .index_promptText__jC6qF {
  color: var(--okd-color-content-primary);
  font-size: 18px;
  font-weight: 400;
  line-height: 30.24px;
  margin-bottom: 16px;
  margin-right: 0;
}
@media (min-width: 768px) {
  .index_container__QXNhy .index_promptText__jC6qF {
    margin-bottom: 0;
    margin-right: 16px;
  }
}
.index_container__QXNhy .index_buttonGroup__5Tluk {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.index_container__QXNhy
  .index_buttonGroup__5Tluk
  .index_button__cHffB:not(:last-child) {
  margin-right: 16px;
}
.help-rating-transition-entered,
.help-rating-transition-entering {
  max-height: 50vh;
}
.help-rating-transition-exited,
.help-rating-transition-exiting {
  max-height: 0;
}
.index_subheader__OBQfz {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .index_subheader__OBQfz {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .index_subheader__OBQfz {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .index_subheader__OBQfz {
    line-height: 1.32;
  }
}
.index_card__K\+5me {
  align-self: stretch;
  background: var(--okd-color-background-base-secondary);
  border: 1px solid var(--okd-color-border-primary);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 400;
  justify-content: flex-start;
  line-height: 16px;
  overflow: hidden;
  text-align: left;
}
@media (min-width: 768px) {
  .index_card__K\+5me {
    font-size: 16px;
    line-height: 20px;
  }
}
.index_card__K\+5me .index_content__KRUGp {
  color: var(--okd-color-content-primary);
  flex-grow: 1;
  margin: 24px 16px;
}
@media (min-width: 768px) {
  .index_card__K\+5me .index_content__KRUGp {
    margin: 24px;
  }
}
.index_card__K\+5me .index_content__KRUGp > :not(:last-child) {
  margin-bottom: 8px;
}
.index_card__K\+5me .index_content__KRUGp .index_label-wrap__QMmt9 {
  display: flex;
  justify-content: space-between;
}
.index_card__K\+5me
  .index_content__KRUGp
  .index_label-wrap__QMmt9
  .index_label__9SnDF:not(:last-child) {
  margin-right: 8px;
}
.index_card__K\+5me .index_content__KRUGp .index_title__qwrn3 {
  color: var(--okd-color-content-primary);
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
@media (min-width: 768px) {
  .index_card__K\+5me .index_content__KRUGp .index_title__qwrn3 {
    font-size: 18px;
    line-height: 24px;
  }
}
.index_card__K\+5me .index_content__KRUGp .index_description__-1EZs {
  color: var(--okd-color-content-tertiary);
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
}
.index_card__K\+5me .index_action__zMK\+B {
  margin: 0 16px 24px;
}
@media (min-width: 768px) {
  .index_card__K\+5me .index_action__zMK\+B {
    margin: 0 24px 24px;
  }
}
.theme-dark,
:root {
  --okd-tag-outline-tangerine-background-color: var(
    --okd-color-common-transparent
  );
  --okd-tag-outline-tangerine-font-color: var(--okd-color-semantic-notice);
  --okd-tag-outline-tangerine-border-color: var(--okd-color-semantic-notice);
}
.index_alert__wt9ur {
  --okd-alert-box-border-radius: 0px;
}
.theme-dark,
:root {
  --okd-tag-outline-green-background-color: var(--okd-color-common-transparent);
  --okd-tag-outline-green-font-color: var(--okd-color-semantic-positive);
  --okd-tag-outline-green-border-color: var(--okd-color-semantic-positive);
}
.theme-dark,
:root {
  --okd-alert-normal-background: var(--okd-color-alert-info);
  --okd-alert-normal-title-color: var(--okd-color-content-primary);
  --okd-alert-normal-icon-color: var(--okd-color-content-primary);
  --okd-alert-normal-desc-color: var(--okd-color-content-secondary);
  --okd-alert-normal-action-color: var(--okd-color-content-primary);
  --okd-alert-normal-link-color: var(--okd-color-content-secondary);
  --okd-alert-normal-accent-color: var(--okd-color-content-primary);
  --okd-alert-success-background: var(--okd-color-alert-success);
  --okd-alert-success-title-color: var(--okd-color-content-primary);
  --okd-alert-success-icon-color: var(--okd-color-semantic-positive);
  --okd-alert-success-desc-color: var(--okd-color-content-secondary);
  --okd-alert-success-action-color: var(--okd-color-content-primary);
  --okd-alert-success-link-color: var(--okd-color-content-secondary);
  --okd-alert-success-accent-color: var(--okd-color-semantic-positive);
  --okd-alert-info-background: var(--okd-color-alert-info);
  --okd-alert-info-title-color: var(--okd-color-content-primary);
  --okd-alert-info-icon-color: var(--okd-color-content-primary);
  --okd-alert-info-desc-color: var(--okd-color-content-secondary);
  --okd-alert-info-action-color: var(--okd-color-content-primary);
  --okd-alert-info-link-color: var(--okd-color-content-secondary);
  --okd-alert-info-accent-color: var(--okd-color-content-primary);
  --okd-alert-warn-background: var(--okd-color-alert-warning);
  --okd-alert-warn-title-color: var(--okd-color-content-primary);
  --okd-alert-warn-icon-color: var(--okd-color-semantic-notice);
  --okd-alert-warn-desc-color: var(--okd-color-content-secondary);
  --okd-alert-warn-action-color: var(--okd-color-content-primary);
  --okd-alert-warn-link-color: var(--okd-color-content-secondary);
  --okd-alert-warn-accent-color: var(--okd-color-semantic-notice);
  --okd-alert-error-background: var(--okd-color-alert-error);
  --okd-alert-error-title-color: var(--okd-color-content-primary);
  --okd-alert-error-icon-color: var(--okd-color-semantic-negative);
  --okd-alert-error-desc-color: var(--okd-color-content-secondary);
  --okd-alert-error-action-color: var(--okd-color-content-primary);
  --okd-alert-error-link-color: var(--okd-color-content-secondary);
  --okd-alert-error-accent-color: var(--okd-color-semantic-negative);
  --okd-alert-box-padding-vertical: 8px;
  --okd-alert-box-padding-horizontal: 16px;
  --okd-alert-box-border-radius: 8px;
  --okd-alert-accent-width: 4px;
  --okd-alert-title-font-size: var(--okd-font-size-md);
  --okd-alert-title-line-height: var(--okd-line-height-md);
  --okd-alert-text-font-size: 12px;
  --okd-alert-text-line-height: var(--okd-line-height-md);
  --okd-alert-action-font-size: 12px;
  --okd-alert-action-line-height: var(--okd-line-height-md);
  --okd-alert-icon-tip-size: 20px;
  --okd-alert-icon-close-size: 20px;
  --okd-alert-close-color: var(--okd-color-gray-300);
  --okd-alert-box-margin-left: 8px;
  --okd-alert-desc-margin-top: 4px;
  --okd-alert-action-box-margin-top: 8px;
  --okd-alert-action-box-margin-bottom: 0px;
  --okd-alert-action-margin-left: 16px;
}
.index_recommended-section__32Rtl {
  padding: 24px 8px;
}
@media (min-width: 768px) {
  .index_recommended-section__32Rtl {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .index_recommended-section__32Rtl {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 1270px) {
  .index_recommended-section__32Rtl {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
@media (min-width: 768px) {
  .index_recommended-section__32Rtl {
    padding-top: 28px;
  }
}
@media (min-width: 1024px) {
  .index_recommended-section__32Rtl {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .index_recommended-section__32Rtl {
    padding-bottom: 28px;
  }
}
@media (min-width: 1024px) {
  .index_recommended-section__32Rtl {
    padding-bottom: 40px;
  }
}
@media (min-width: 1270px) {
  .index_recommended-section__32Rtl {
    padding-bottom: 60px;
  }
}
.index_recommended-section__32Rtl.index_animate-in__nAd4Y {
  animation-duration: 0.3s;
  animation-name: index_NotificationInTop__RipFV;
}
.index_recommended-section__32Rtl.index_animate-out__srgu- {
  animation-duration: 0.55s;
  animation-name: index_NotificationOutTop__P\+ fPk;
}
.index_recommended-section__32Rtl .index_inner__dAD-4 {
  box-sizing: border-box;
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .index_recommended-section__32Rtl .index_inner__dAD-4 {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .index_recommended-section__32Rtl .index_inner__dAD-4 {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1270px) {
  .index_recommended-section__32Rtl .index_inner__dAD-4 {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
.index_recommended-section__32Rtl .index_list-container__gadwc {
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-auto-rows: 1fr;
  margin-top: 16px;
  row-gap: 12px;
}
@media (min-width: 768px) {
  .index_recommended-section__32Rtl .index_list-container__gadwc {
    margin-top: 24px;
  }
}
@media (min-width: 1024px) {
  .index_recommended-section__32Rtl .index_list-container__gadwc {
    margin-top: 32px;
  }
}
@media (min-width: 1270px) {
  .index_recommended-section__32Rtl .index_list-container__gadwc {
    margin-top: 48px;
  }
}
@media (min-width: 768px) {
  .index_recommended-section__32Rtl .index_list-container__gadwc {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .index_recommended-section__32Rtl .index_list-container__gadwc {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) {
  .index_recommended-section__32Rtl .index_list-container__gadwc {
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 24px;
  }
}
@keyframes index_NotificationInTop__RipFV {
  0% {
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes index_NotificationOutTop__P\+fPk {
  0% {
    max-height: 150px;
    opacity: 1;
    transform: translateZ(0);
  }
  to {
    max-height: 0;
    opacity: 0;
    transform: translate3d(0, -30px, 0);
  }
}
.index_self-service-item__Qj4Hv {
  align-self: stretch;
  background-color: #f3f3f3;
  background-color: var(--okd-color-background-surface-primary, #f3f3f3);
  border: 1px solid #e6e6e6;
  border: 1px solid var(--okd-color-border-primary, #e6e6e6);
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 13px 6px 13px 10px;
  text-align: left;
  width: 160px;
}
@media (min-width: 768px) {
  .index_self-service-item__Qj4Hv {
    padding: 14px 18px 14px 20px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .index_self-service-item__Qj4Hv {
    padding: 20px 16px 20px 20px;
  }
}
.index_self-service-item__Qj4Hv:hover {
  border-color: var(--okd-color-border-secondary);
}
.index_self-service-item-icon__Og2C0 {
  align-self: flex-end;
}
.index_self-service-item-icon__Og2C0 img {
  height: 24px;
  width: 24px;
}
@media (min-width: 1024px) {
  .index_self-service-item-icon__Og2C0 img {
    height: 32px;
    width: 32px;
  }
}
.index_self-service-item-text__YPZfI {
  align-self: flex-start;
  color: #fafafa;
  color: var(--okd-color-text-amplifed, #fafafa);
  flex: 1 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 4px 2px 4px 0;
  word-break: break-word;
}
@media (min-width: 768px) {
  .index_self-service-item-text__YPZfI {
    font-size: 16px;
  }
}
@media (min-width: 1024px) {
  .index_self-service-item-text__YPZfI {
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .index_self-service-item-text__YPZfI {
    line-height: 20px;
  }
}
@media (min-width: 1024px) {
  .index_self-service-item-text__YPZfI {
    line-height: 24px;
  }
}
@media (min-width: 768px) {
  .index_self-service-item-text__YPZfI {
    padding: 2px 18px 2px 0;
  }
}
@media (min-width: 1024px) {
  .index_self-service-item-text__YPZfI {
    padding: 4px 16px 4px 0;
  }
}
.self-service-indicator {
  display: flex;
  justify-content: center;
  list-style: none;
}
@media (min-width: 768px) {
  .self-service-indicator {
    display: none;
  }
}
.self-service-indicator .self-service-dots {
  margin-right: 4px;
}
.self-service-indicator .self-service-dots:before {
  background: #404040;
  background: var(--okd-color-gray-200, #404040);
  border-radius: 1px;
  content: "";
  display: inline-block;
  height: 3px;
  transition: all 0.3s ease;
  width: 3px;
}
.self-service-indicator .self-service-dots.active:before {
  background: #fafafa;
  background: var(--okd-color-text-amplifed, #fafafa);
  width: 8px;
}
.index_support-self-service-container__h5-5D {
  padding-bottom: 24px;
  padding-top: 24px;
}
@media (min-width: 768px) {
  .index_support-self-service-container__h5-5D {
    padding-top: 28px;
  }
}
@media (min-width: 1024px) {
  .index_support-self-service-container__h5-5D {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .index_support-self-service-container__h5-5D {
    padding-bottom: 28px;
  }
}
@media (min-width: 1024px) {
  .index_support-self-service-container__h5-5D {
    padding-bottom: 40px;
  }
}
@media (min-width: 1270px) {
  .index_support-self-service-container__h5-5D {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .index_support-self-service-container__h5-5D {
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .index_support-self-service-container__h5-5D {
    padding-left: 8px;
    padding-right: 8px;
  }
  .index_support-self-service-container__h5-5D
    .index_support-self-service-grid__o3u4g {
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_support-self-service-container__h5-5D {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_support-self-service-container__h5-5D {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_support-self-service-container__h5-5D {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .index_support-self-service-container__h5-5D
    .index_support-self-service-grid__o3u4g {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .index_support-self-service-container__h5-5D
    .index_support-self-service-grid__o3u4g {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .index_support-self-service-container__h5-5D
    .index_support-self-service-grid__o3u4g {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
.index_support-self-service-grid__o3u4g {
  padding-right: 0;
  width: 100%;
}
.index_support-self-service-grid__o3u4g h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .index_support-self-service-grid__o3u4g h2 {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .index_support-self-service-grid__o3u4g h2 {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .index_support-self-service-grid__o3u4g h2 {
    line-height: 1.32;
  }
}
.index_support-self-service-grid__o3u4g .index_self-service-wrapper__Ai-MY {
  margin-bottom: 6px;
  margin-top: 16px;
  overflow: auto;
  position: relative;
}
@media (min-width: 768px) {
  .index_support-self-service-grid__o3u4g .index_self-service-wrapper__Ai-MY {
    margin-top: 24px;
    overflow: visible;
    overflow: initial;
  }
}
@media (min-width: 1024px) {
  .index_support-self-service-grid__o3u4g .index_self-service-wrapper__Ai-MY {
    margin-top: 32px;
  }
}
@media (min-width: 1270px) {
  .index_support-self-service-grid__o3u4g .index_self-service-wrapper__Ai-MY {
    margin-top: 48px;
  }
}
@media (min-width: 768px) {
  .index_support-self-service-grid__o3u4g .index_self-service-wrapper__Ai-MY {
    margin-bottom: 0;
  }
}
.index_support-self-service-grid__o3u4g .index_self-service-loader__2Y8OB {
  left: 45%;
  position: absolute;
  top: 50%;
  z-index: 2;
}
@media (min-width: 768px) {
  .index_support-self-service-grid__o3u4g .index_self-service-loader__2Y8OB {
    left: 50%;
  }
}
.index_self-service-type__LONPk {
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-auto-rows: 1fr;
  row-gap: 12px;
}
@media (min-width: 768px) {
  .index_self-service-type__LONPk {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1270px) {
  .index_self-service-type__LONPk {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .index_self-service-type__LONPk {
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .index_self-service-type__LONPk {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 1fr);
    margin-right: 16px;
  }
}
.support-self-service-container {
  padding-bottom: 24px;
  padding-top: 24px;
}
@media (min-width: 768px) {
  .support-self-service-container {
    padding-top: 28px;
  }
}
@media (min-width: 1024px) {
  .support-self-service-container {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .support-self-service-container {
    padding-bottom: 28px;
  }
}
@media (min-width: 1024px) {
  .support-self-service-container {
    padding-bottom: 40px;
  }
}
@media (min-width: 1270px) {
  .support-self-service-container {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .support-self-service-container {
    padding-left: 16px;
  }
}
@media (min-width: 768px) {
  .support-self-service-container {
    padding-left: 8px;
    padding-right: 8px;
  }
  .support-self-service-container .support-self-service-grid {
    box-sizing: border-box;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .support-self-service-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .support-self-service-container {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .support-self-service-container {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .support-self-service-container .support-self-service-grid {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1024px) {
  .support-self-service-container .support-self-service-grid {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) and (min-width: 1270px) {
  .support-self-service-container .support-self-service-grid {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
.support-self-service-grid {
  padding-right: 0;
  width: 100%;
}
.support-self-service-grid h2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33;
}
@media (min-width: 768px) {
  .support-self-service-grid h2 {
    font-size: 28px;
  }
}
@media (min-width: 1024px) {
  .support-self-service-grid h2 {
    font-size: 36px;
  }
}
@media (min-width: 768px) {
  .support-self-service-grid h2 {
    line-height: 1.32;
  }
}
.support-self-service-grid .self-service-wrapper {
  margin-bottom: 6px;
  margin-top: 16px;
  overflow: auto;
  position: relative;
}
@media (min-width: 768px) {
  .support-self-service-grid .self-service-wrapper {
    margin-top: 24px;
    overflow: visible;
    overflow: initial;
  }
}
@media (min-width: 1024px) {
  .support-self-service-grid .self-service-wrapper {
    margin-top: 32px;
  }
}
@media (min-width: 1270px) {
  .support-self-service-grid .self-service-wrapper {
    margin-top: 48px;
  }
}
@media (min-width: 768px) {
  .support-self-service-grid .self-service-wrapper {
    margin-bottom: 0;
  }
}
.support-self-service-grid .self-service-loader {
  left: 45%;
  position: absolute;
  top: 50%;
  z-index: 2;
}
@media (min-width: 768px) {
  .support-self-service-grid .self-service-loader {
    left: 50%;
  }
}
.self-service-type {
  grid-row-gap: 12px;
  grid-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  display: grid;
  grid-auto-rows: 1fr;
  row-gap: 12px;
}
@media (min-width: 768px) {
  .self-service-type {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1270px) {
  .self-service-type {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 768px) {
  .self-service-type {
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 24px;
  }
}
@media (max-width: 767px) {
  .self-service-type {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 1fr);
    margin-right: 16px;
  }
}
.index_sticky__t1GP\+ {
  height: 0;
  overflow-y: visible;
  z-index: 10050;
}
.index_container__2yI4a {
  background: var(--okd-color-background-base-primary);
  display: flex;
  flex-direction: column;
  height: 100%;
  height: -webkit-fill-available;
  overflow-y: hidden;
  position: fixed;
  width: 100%;
  z-index: 10050;
}
@media (max-width: 767px) {
  .index_container__2yI4a {
    padding-bottom: env(safe-area-inset-bottom, 12px);
  }
}
.index_container__2yI4a .index_searchBarContainer__AT2yk {
  display: flex;
  padding: 8px 12px 16px 16px;
}
.index_container__2yI4a .index_searchBarContainer__AT2yk > :not(:last-child) {
  margin-right: 4px;
}
.index_container__2yI4a
  .index_searchBarContainer__AT2yk
  .index_searchInput__EC80Q {
  flex: 1 1;
}
.index_container__2yI4a
  .index_searchBarContainer__AT2yk
  .index_cancelButton__PEgfU {
  --okd-button-s-min-width: 0px;
  max-width: 72px;
}
.index_container__2yI4a .index_searchResultList__6JMS2 {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  overflow: scroll;
}
.index_container__2yI4a
  .index_searchResultList__6JMS2
  .index_articleResultTitle__TIub8 {
  color: var(--okd-color-content-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 12px 24px;
}
.index_container__2yI4a .index_searchResultList__6JMS2 .index_emptyLine__HD-Uh {
  color: var(--okd-color-content-contrast);
  line-height: 16px;
  padding: 24px;
}
.index_searchResultItem__leGpH {
  align-items: center;
  color: var(--okd-color-content-primary);
  display: flex;
  padding: 16px 24px;
}
@media (min-width: 768px) {
  .index_searchResultItem__leGpH {
    padding: 12px 24px;
  }
}
.index_searchResultItem__leGpH:hover {
  background: var(--okd-color-background-surface-primary);
  cursor: pointer;
}
.index_searchResultItem__leGpH .index_searchResultText__AxzIz {
  flex: 1 1;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .index_searchResultItem__leGpH .index_searchResultText__AxzIz {
    font-size: 14px;
    line-height: 16px;
  }
}
.index_searchResultItem__leGpH .index_searchResultIcon__CPwiS {
  font-size: 20px;
}
@media (min-width: 768px) {
  .index_searchResultItem__leGpH .index_searchResultIcon__CPwiS {
    font-size: 16px;
  }
}
.index_searchResultItem__leGpH > :not(:last-child) {
  margin-right: 8px;
}
.home-container {
  background: var(--okd-color-background-base-primary);
}
.index_inputWrapper__O0dCI {
  flex-shrink: 0;
  padding-bottom: 8px;
  padding-top: 8px;
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .index_inputWrapper__O0dCI {
    width: 288px;
  }
}
.index_searchResultList__pGUT- {
  background: var(--okd-color-modal-primary);
  border: 1px solid var(--okd-color-border-primary);
  border-radius: 16px;
  box-shadow: var(--okd-shadow-lg);
  box-sizing: border-box;
  flex-direction: column;
  position: absolute;
  top: 64px;
  width: 100%;
  z-index: 2;
}
.index_searchResultList__pGUT- .index_searchResultContainer__C8hOJ {
  padding: 12px 0;
}
.index_searchResultList__pGUT- .index_articleResultTitle__OPwS8 {
  color: var(--okd-color-content-primary);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding: 12px 24px;
}
.index_searchResultList__pGUT- .index_emptyLine__xG-uv {
  color: var(--okd-color-content-contrast);
  line-height: 16px;
  padding: 24px;
}
.search-container {
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .search-container {
    width: 374px;
  }
}
@media (min-width: 1024px) {
  .search-container {
    width: 600px;
  }
}
.search-container .search-input .search-input-inner {
  min-height: 48px;
  padding: 12px 10px;
}
.search-result-list {
  background: var(--okd-color-modal-primary);
  border: 1px solid var(--okd-color-border-primary);
  border-radius: 16px;
  box-shadow: var(--okd-shadow-lg);
  box-sizing: border-box;
  flex-direction: column;
  padding: 12px 0;
  position: absolute;
  top: 64px;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .search-result-list {
    width: 374px;
  }
}
@media (min-width: 1024px) {
  .search-result-list {
    width: 600px;
  }
}
.search-result-list .empty-line {
  color: var(--okd-color-content-contrast);
  line-height: 16px;
  padding: 12px 24px;
}
.support-header-container {
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 32px 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .support-header-container {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .support-header-container {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1270px) {
  .support-header-container {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .support-header-container {
    align-items: center;
    padding-top: 60px;
  }
}
@media (min-width: 1024px) {
  .support-header-container {
    padding-top: 64px;
  }
}
@media (min-width: 1270px) {
  .support-header-container {
    padding-top: 109px;
  }
}
@media (min-width: 768px) {
  .support-header-container {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .support-header-container {
    padding-bottom: 60px;
  }
}
.support-title {
  color: var(--okd-color-content-primary);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.33;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .support-title {
    font-size: 22px;
    line-height: 1.36;
    margin-bottom: 24px;
  }
}
.search-title {
  color: var(--okd-color-content-primary);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.36;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .search-title {
    font-size: 36px;
  }
}
@media (min-width: 1024px) {
  .search-title {
    font-size: 56px;
  }
}
@media (min-width: 768px) {
  .search-title {
    line-height: 1.32;
    margin-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .search-title {
    margin-bottom: 48px;
  }
}
.okx-support_headphone_filled {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support_headphone_filled:before {
  content: "\e05b";
  font-family: ok-e09ae86f22;
}
.okx-support-okassistant-send {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-okassistant-send:before {
  content: "\e05a";
  font-family: ok-e09ae86f22;
}
.okx-support-okassistant-add,
.okx-support-okassistant-send- {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-okassistant-add:before {
  content: "\e058";
  font-family: ok-e09ae86f22;
}
.okx-support-ai {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ai:before {
  content: "\e056";
  font-family: ok-e09ae86f22;
}
.okx-support-articles {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-articles:before {
  content: "\e057";
  font-family: ok-e09ae86f22;
}
.okx-support-feedback {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-feedback:before {
  content: "\e055";
  font-family: ok-e09ae86f22;
}
.okx-support-im-camera {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-camera:before {
  content: "\e054";
  font-family: ok-e09ae86f22;
}
.okx-support-im-sharescreen {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-sharescreen:before {
  content: "\e050";
  font-family: ok-e09ae86f22;
}
.okx-support-im-translation {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-translation:before {
  content: "\e051";
  font-family: ok-e09ae86f22;
}
.okx-support-im-video-off {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-video-off:before {
  content: "\e052";
  font-family: ok-e09ae86f22;
}
.okx-support-im-mic-off {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-mic-off:before {
  content: "\e053";
  font-family: ok-e09ae86f22;
}
.okx-support-call-endcall {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-call-endcall:before {
  content: "\e04f";
  font-family: ok-e09ae86f22;
}
.okx-support-im-pin {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-pin:before {
  content: "\e04e";
  font-family: ok-e09ae86f22;
}
.okx-support-im-unpin {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-unpin:before {
  content: "\e04d";
  font-family: ok-e09ae86f22;
}
.okx-support-broadcast {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-broadcast:before {
  content: "\e04c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-glassdoor {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-glassdoor:before {
  content: "\e04b";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-unavailable {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-unavailable:before {
  content: "\e04a";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-agent {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-agent:before {
  content: "\e047";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-okassistant {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-okassistant:before {
  content: "\e048";
  font-family: ok-e09ae86f22;
}
.okx-support-ticket-user {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-ticket-user:before {
  content: "\e049";
  font-family: ok-e09ae86f22;
}
.okx-support-myticket-play {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-myticket-play:before {
  content: "\e046";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-whatsapp {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-whatsapp:before {
  content: "\e045";
  font-family: ok-e09ae86f22;
}
.okx-support-android {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-android:before {
  content: "\e044";
  font-family: ok-e09ae86f22;
}
.okx-support-message {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-message:before {
  content: "\e043";
  font-family: ok-e09ae86f22;
}
.okx-support-cash-withdrawal {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-cash-withdrawal:before {
  content: "\e042";
  font-family: ok-e09ae86f22;
}
.okx-support-cash-deposit {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-cash-deposit:before {
  content: "\e041";
  font-family: ok-e09ae86f22;
}
.okx-support-forms {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-forms:before {
  content: "\e040";
  font-family: ok-e09ae86f22;
}
.okx-support-im-mic-on {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-mic-on:before {
  content: "\e03f";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-general {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-general:before {
  content: "\e03e";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-csv {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-csv:before {
  content: "\e037";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-doc {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-doc:before {
  content: "\e038";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-pdf {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-pdf:before {
  content: "\e039";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-jpg {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-jpg:before {
  content: "\e03a";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-xls {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-xls:before {
  content: "\e03b";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-xlsx {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-xlsx:before {
  content: "\e03c";
  font-family: ok-e09ae86f22;
}
.okx-support-im-upload-docx {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-upload-docx:before {
  content: "\e03d";
  font-family: ok-e09ae86f22;
}
.okx-support-im-reply {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-reply:before {
  content: "\e036";
  font-family: ok-e09ae86f22;
}
.okx-support-im-recall-message {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-recall-message:before {
  content: "\e035";
  font-family: ok-e09ae86f22;
}
.okx-support-im-video-on {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-video-on:before {
  content: "\e034";
  font-family: ok-e09ae86f22;
}
.okx-support-im-volume-max {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-volume-max:before {
  content: "\e033";
  font-family: ok-e09ae86f22;
}
.okx-support-im-call {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-im-call:before {
  content: "\e031";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-VK {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-VK:before {
  content: "\e02d";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-pressroom {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-pressroom:before {
  content: "\e02c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-tiktok {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-tiktok:before {
  content: "\e02b";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-blog {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-blog:before {
  content: "\e002";
  font-family: ok-e09ae86f22;
}
.okx-support-okassistant-language {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-okassistant-language:before {
  content: "\e029";
  font-family: ok-e09ae86f22;
}
.okx-support-okassistant-collapse {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-okassistant-collapse:before {
  content: "\e02a";
  font-family: ok-e09ae86f22;
}
.okx-support-annoncements-category-others {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-annoncements-category-others:before {
  content: "\e000";
  font-family: ok-e09ae86f22;
}
.okx-support-articleoutline {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-articleoutline:before {
  content: "\e001";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-email {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-email:before {
  content: "\e003";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-phone {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-phone:before {
  content: "\e004";
  font-family: ok-e09ae86f22;
}
.okx-support-channel-website {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-channel-website:before {
  content: "\e005";
  font-family: ok-e09ae86f22;
}
.okx-support-chat-bubble {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chat-bubble:before {
  content: "\e006";
  font-family: ok-e09ae86f22;
}
.okx-support-chatbot-dark {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chatbot-dark:before {
  content: "\e007";
  font-family: ok-e09ae86f22;
}
.okx-support-chatbot-light {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chatbot-light:before {
  content: "\e008";
  font-family: ok-e09ae86f22;
}
.okx-support-chatbot {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-chatbot:before {
  content: "\e009";
  font-family: ok-e09ae86f22;
}
.okx-support-community-tradingview,
.okx-support-headphones {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-community-tradingview:before {
  content: "\e00b";
  font-family: ok-e09ae86f22;
}
.okx-support-share-copylink {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-share-copylink:before {
  content: "\e00c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-btok {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-btok:before {
  content: "\e013";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-dingtalk {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-dingtalk:before {
  content: "\e014";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-facebook {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-facebook:before {
  content: "\e015";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-discord {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-discord:before {
  content: "\e016";
  font-family: ok-e09ae86f22;
}
.okx-support-translate-line-rtl {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-translate-line-rtl:before {
  content: "\e018";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-instagram {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-instagram:before {
  content: "\e019";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-line {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-line:before {
  content: "\e01a";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-linkedin {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-linkedin:before {
  content: "\e01b";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-medium {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-medium:before {
  content: "\e01c";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-qq {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-qq:before {
  content: "\e01d";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-reddit {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-reddit:before {
  content: "\e01e";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-sina {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-sina:before {
  content: "\e01f";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-telegram {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-telegram:before {
  content: "\e020";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-wechat {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-wechat:before {
  content: "\e021";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-x {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-x:before {
  content: "\e022";
  font-family: ok-e09ae86f22;
}
.okx-support-socialmedia-youtube {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-socialmedia-youtube:before {
  content: "\e023";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-down-filled {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-down-filled:before {
  content: "\e024";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-down {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-down:before {
  content: "\e025";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-up-filled {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-up-filled:before {
  content: "\e026";
  font-family: ok-e09ae86f22;
}
.okx-support-thumb-up {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-thumb-up:before {
  content: "\e027";
  font-family: ok-e09ae86f22;
}
.okx-support-translate-line {
  --ok-icon-font-family: "ok-e09ae86f22";
}
.okx-support-translate-line:before {
  content: "\e028";
  font-family: ok-e09ae86f22;
}
.iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  font-style: normal;
}
.iconfont:before {
  display: inline-block;
}
@font-face {
  font-display: block;
  font-family: ok-e09ae86f22;
  font-style: normal;
  src: url(../54dbb5bd9decf8062577.woff2) format("woff2");
}
[dir="rtl"] .okx-support-articles:before,
[dir="rtl"] .okx-support-cash-deposit:before,
[dir="rtl"] .okx-support-cash-withdrawal:before,
[dir="rtl"] .okx-support-chatbot-dark:before,
[dir="rtl"] .okx-support-chatbot-light:before,
[dir="rtl"] .okx-support-feedback:before,
[dir="rtl"] .okx-support-forms:before,
[dir="rtl"] .okx-support-message:before {
  transform: scaleX(-1);
}
body {
  background: var(--okd-color-background-base-primary);
  color: var(--okd-color-content-primary);
  height: 100%;
  min-height: 100vh;
}
:global .home-container {
  background: var(--okd-color-background-base-primary);
}
.home-container {
  min-height: 900px;
  min-width: 300px;
}
.support-container {
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .support-container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media (min-width: 1024px) {
  .support-container {
    padding-left: calc(50% - 480px);
    padding-right: calc(50% - 480px);
  }
}
@media (min-width: 1270px) {
  .support-container {
    padding-left: calc(50% - 624px);
    padding-right: calc(50% - 624px);
  }
}
.support-center {
  background-color: var(--okd-color-background-base-primary);
  color: var(--okd-color-content-primary);
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .support-center {
    padding-bottom: 60px;
  }
}
.top-questions-and-getting-started {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 16px 8px;
  width: 100%;
}
@media (min-width: 768px) {
  .top-questions-and-getting-started {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .top-questions-and-getting-started {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1270px) {
  .top-questions-and-getting-started {
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .top-questions-and-getting-started {
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .top-questions-and-getting-started {
    justify-content: space-between;
    padding-top: 40px;
  }
}
@media (min-width: 1024px) {
  .top-questions-and-getting-started {
    padding-top: 60px;
  }
}
@media (min-width: 768px) {
  .top-questions-and-getting-started {
    padding-bottom: 40px;
  }
}
@media (min-width: 1024px) {
  .top-questions-and-getting-started {
    padding-bottom: 60px;
  }
  .top-questions-and-getting-started > * {
    width: calc(50% - 28px);
  }
}
@media (min-width: 1270px) {
  .top-questions-and-getting-started > * {
    width: 539px;
  }
}
.top-questions-and-getting-started > :not(:last-child) {
  margin-bottom: 32px;
}
@media (min-width: 768px) {
  .top-questions-and-getting-started > :not(:last-child) {
    margin-bottom: 80px;
  }
}
@media (min-width: 1024px) {
  .top-questions-and-getting-started > :not(:last-child) {
    margin-bottom: 0;
  }
}
.top-questions-and-getting-started:empty {
  display: none;
}