:root {
  --tf-bg: #06110c;
  --tf-bg-2: #07150f;
  --tf-card: rgba(255, 255, 255, .078);
  --tf-card-strong: rgba(255, 255, 255, .12);
  --tf-border: rgba(255, 255, 255, .14);
  --tf-text: #f8faf8;
  --tf-muted: #b8c8bf;
  --tf-muted-2: #8da199;
  --tf-green: #22c55e;
  --tf-gold: #f8c95a;
  --tf-shadow: 0 12px 32px rgba(0, 0, 0, .22);
  --tf-radius: 18px;
  --tf-container: 1180px;
  --tf-heading-h1: clamp(28px,3vw,38px);
  --tf-heading-h2: clamp(23px,2.4vw,30px);
  --tf-heading-h3: 18px;
  --tf-heading-h4: 16px;
  --tf-heading-card: 14px;
}
* {
  box-sizing: border-box;
}
:root body.tf-site-body [hidden] {
  display: none;
}
@media (max-width:980px),(prefers-reduced-transparency:reduce) {
  :root body.tf-site-body :is(.tf-header,[class*=-hero-card],[class*=-nav-inner],[class*=-page-nav],.tf-wc-btn-ghost,.lko-related-label) {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 10px 28px #0000002e;
  }
}
@media (prefers-reduced-motion:reduce) {
  html:root,html:root::before,html:root::after,html:root body.tf-site-body,html:root body.tf-site-body::before,html:root body.tf-site-body::after,html:root body.tf-site-body *,html:root body.tf-site-body *::before,html:root body.tf-site-body *::after {
    scroll-behavior: auto;
    animation-duration: .01ms;
    animation-iteration-count: 1;
    transition-duration: .01ms;
  }
}
body,button,input,select,textarea {
  font: inherit;
}
button,input,select,textarea {
  max-width: 100%;
}
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}
body.tf-site-body {
  margin: 0;
  background: var(--tf-bg);
  color: var(--tf-text);
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;
}
a {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
}
.screen-reader-text:focus {
  top: 8px;
  left: 8px;
  z-index: 100000;
  width: auto;
  height: auto;
  padding: 12px 16px;
  margin: 0;
  clip-path: none;
  color: #07130e;
  background: #fff;
  border-radius: 10px;
}
.tf-container {
  width: min(var(--tf-container),calc(100% - 32px));
  margin-inline: auto;
}
.tf-skip-link {
  position: absolute;
  left: -999px;
  top: 12px;
  z-index: 9999;
}
.tf-skip-link:focus {
  left: 12px;
  background: #fff;
  color: #000;
  padding: 10px 14px;
  border-radius: 10px;
}
.tf-main {
  background: var(--tf-bg);
}
:where(body.tf-site-body h1) {
  --tf-heading-size: var(--tf-heading-h1);
}
:where(body.tf-site-body h2) {
  --tf-heading-size: var(--tf-heading-h2);
}
:where(body.tf-site-body h3) {
  --tf-heading-size: var(--tf-heading-h3);
}
:where(body.tf-site-body h4) {
  --tf-heading-size: var(--tf-heading-h4);
}
body.tf-site-body h1 {
  font-size: var(--tf-heading-size);
  line-height: 1.14;
}
body.tf-site-body h2 {
  font-size: var(--tf-heading-size);
  line-height: 1.24;
}
:where(body.tf-site-body) h3 {
  font-size: var(--tf-heading-size);
  line-height: 1.34;
}
body.tf-site-body h4 {
  font-size: var(--tf-heading-size);
}
@media (max-width:760px) {
  :root {
    --tf-heading-h1: 27px;
  }
}
.lt-wc-silo-nav {
  align-items: center;
  background: #ffffff13;
  border: 1px solid rgba(248,201,90,.25);
  border-radius: 18px;
  display: flex;
  flex-wrap: nowrap;
  gap: 9px;
  margin-top: 24px;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 9px;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.lt-wc-silo-nav::-webkit-scrollbar {
  display: none;
}
.lt-wc-silo-nav a:hover,.lt-wc-silo-nav a:focus-visible {
  background: #ffffff17;
  color: #fff;
}
.lt-wc-silo-nav a.is-active {
  background: linear-gradient(135deg,var(--tf-gold, #f8c95a),var(--tf-green, #22c55e));
  color: #07130e;
}
.lt-wc-silo-nav a {
  align-items: center;
  border-radius: 12px;
  color: #dce8e0;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 13px;
  font-weight: 900;
  justify-content: center;
  padding: 0 13px;
  scroll-snap-align: start;
  white-space: nowrap;
  min-height: 44px;
}
@media (max-width:680px) {
  body.tf-site-body h1 {
    font-size: var(--tf-heading-size);
  }
  body.tf-site-body h2 {
    font-size: var(--tf-heading-size);
  }
  :where(body.tf-site-body) h3 {
    font-size: var(--tf-heading-size);
  }
  .lt-wc-silo-nav {
    border-radius: 15px;
    gap: 7px;
    margin-top: 18px;
    padding: 8px;
  }
  .lt-wc-silo-nav a {
    font-size: 12px;
    padding: 0 12px;
  }
}
body.admin-bar .tf-header {
  top: 32px;
}
@media (max-width:782px) {
  body.admin-bar .tf-header {
    top: 46px;
  }
}
