@font-face {
  font-family: 'LINE Seed Sans TH';
  src: url('/fonts/line-seed/LINESeedSansTH_W_Th.woff2') format('woff2');
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed Sans TH';
  src: url('/fonts/line-seed/LINESeedSansTH_W_Rg.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed Sans TH';
  src: url('/fonts/line-seed/LINESeedSansTH_W_Bd.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed Sans TH';
  src: url('/fonts/line-seed/LINESeedSansTH_W_XBd.woff2') format('woff2');
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: 'LINE Seed Sans TH';
  src: url('/fonts/line-seed/LINESeedSansTH_W_He.woff2') format('woff2');
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

html,
body,
button,
input,
select,
textarea {
  font-family: 'LINE Seed Sans TH', 'Gotham Pro', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.home-games--legacy-font,
.home-games--legacy-font a,
.home-games--legacy-font span,
.home-games--legacy-font p,
.home-games--legacy-font b {
  font-family: 'Gotham Pro', 'LINE Seed Sans TH', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.sidebar__logotype::before {
  display: none;
}

.sidebar__logotype a,
.theme--dark .sidebar__logotype a {
  background: url('/images/community-logo.gif') no-repeat center center / contain !important;
}

.sidebar__logotype--sidebar {
  width: 72px;
  height: 72px;
  margin: 0 auto 24px;
}

.sidebar__logotype--header {
  display: none;
}

.mobile-navigation-heading {
  gap: 4px;
}

.mobile-navigation-heading__eyebrow {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #8397c4;
}

.mobile-navigation-heading__title {
  color: #f4f8ff;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
}

@media (max-width: 1125px) {
  .header__right .sidebar__logotype--header {
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    margin: 0 auto 0 0 !important;
    flex: 0 0 56px;
  }
}

@media (max-width: 625px) {
  .header__right .sidebar__logotype--header {
    width: 50px !important;
    height: 50px !important;
    flex-basis: 50px;
  }

  .mobile-navigation-heading__title {
    font-size: 16px;
  }
}

@media (max-width: 390px) {
  .header__right .sidebar__logotype--header {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px;
  }

  .mobile-navigation-heading__eyebrow {
    font-size: 9px;
  }
}