a[data-unavailable="true"] {
  position: relative;
}

::-moz-selection {
  background: #2f7cff;
  color: #fff;
}

::selection {
  background: #2f7cff;
  color: #fff;
}

[data-rxh-feature-hidden="true"],
html.rxh-feature-forum-hidden [data-rxh-feature="forum"],
html.rxh-feature-forum-hidden [data-feature-module="forum"],
html.rxh-feature-forum-hidden [data-route="forum"],
html.rxh-feature-forum-hidden [data-view="forum"],
html.rxh-feature-forum-hidden a[href$="#forum"],
html.rxh-feature-learn-hidden [data-rxh-feature="learn"],
html.rxh-feature-learn-hidden [data-feature-module="learn"],
html.rxh-feature-learn-hidden [data-route="learn"],
html.rxh-feature-learn-hidden [data-view="learn"],
html.rxh-feature-learn-hidden a[href$="#learn"],
html.rxh-feature-solution-hidden [data-rxh-feature="solution"],
html.rxh-feature-solution-hidden [data-feature-module="solution"],
html.rxh-feature-solution-hidden [data-route="solution"],
html.rxh-feature-solution-hidden [data-view="solution"],
html.rxh-feature-solution-hidden a[href$="#solution"],
html.rxh-feature-activities-hidden [data-rxh-feature="activities"],
html.rxh-feature-activities-hidden [data-feature-module="activities"],
html.rxh-feature-activities-hidden [data-route="activities"],
html.rxh-feature-activities-hidden [data-view="activities"],
html.rxh-feature-activities-hidden a[href$="#activities"],
html.rxh-feature-contributors-hidden [data-rxh-feature="contributors"],
html.rxh-feature-contributors-hidden [data-feature-module="contributors"] {
  display: none !important;
}

:root {
  --rxh-utility-link-font-size: 9px;
  --rxh-ui-body-font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --rxh-ui-heading-font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --rxh-ui-navigation-font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  --rxh-ui-body-font-size: 16px;
  --rxh-ui-navigation-font-size: 15px;
  --rxh-ui-hero-title-font-size: 64px;
  --rxh-ui-section-title-font-size: 44px;
  --rxh-ui-card-title-font-size: 22px;
  --rxh-ui-meta-font-size: 13px;
  --rxh-ui-section-spacing: 88px;
  --rxh-ui-card-gap: 24px;
  --rxh-ui-card-radius: 18px;
  --rxh-ui-primary-color: #2f7cff;
  --rxh-ui-selection-color: #2f7cff;
  --rxh-ui-text-color: #0a1830;
  --rxh-ui-muted-color: #607087;
  --rxh-ui-background-color: #f3f7fb;
  --rxh-ui-surface-color: #fff;
}

body, button, input, select, textarea { font-family: var(--rxh-ui-body-font-family); }
:where(h1,h2,h3,h4,h5,h6) { font-family: var(--rxh-ui-heading-font-family); }
:where(.site-header nav,.site-header nav a,.mobile-menu nav,.mobile-menu nav a,.site-footer,.site-footer a) { font-family: var(--rxh-ui-navigation-font-family); }
body { font-size: var(--rxh-ui-body-font-size); color: var(--rxh-ui-text-color); background-color: var(--rxh-ui-background-color); }
::-moz-selection { background: var(--rxh-ui-selection-color); }
::selection { background: var(--rxh-ui-selection-color); }
.site-header nav, .site-header nav a, .mobile-menu nav, .mobile-menu nav a { font-size: var(--rxh-ui-navigation-font-size); }
:where(.hero-copy,.hardware-new-hero-copy,.wiki-landing-hero-copy,.project-landing-hero-copy) h1 { font-size: clamp(36px,6vw,var(--rxh-ui-hero-title-font-size)); }
:where(.home-section-heading,.hardware-new-heading,.partner-section-heading,.wiki-landing-heading,.project-ref-section-title) h2 { font-size: clamp(24px,4vw,var(--rxh-ui-section-title-font-size)); }
:where(.hardware-trending-card,.wiki-latest-card,.project-hub-card,.product-card,.project-ref-card) :where(h2,h3) { font-size: var(--rxh-ui-card-title-font-size); }
:where(.hardware-trending-card,.wiki-latest-card,.project-hub-card,.product-card,.project-ref-card) small { font-size: var(--rxh-ui-meta-font-size); }
:where(.hardware-new-section,.wiki-landing-section,.home-showcase-section) { padding-block: var(--rxh-ui-section-spacing); }
:where(.hardware-new-trending,.wiki-latest-grid,.project-hub-grid,.home-showcase-grid) { gap: var(--rxh-ui-card-gap); }
:where(.hardware-trending-card,.wiki-latest-card,.project-hub-card,.product-card,.project-ref-card) { border-radius: var(--rxh-ui-card-radius); background-color: var(--rxh-ui-surface-color); }

:where(
  .home-section-heading,
  .hardware-new-heading,
  .project-hub-side-title,
  .activity-side-title,
  .project-ref-section-title,
  .project-ref-side-title,
  .learn-v2-section-heading,
  .forum-v2-section-heading,
  .wiki-landing-heading
) > a,
.text-link,
.card-link,
.hardware-new-project-grid em,
.hardware-trending-copy em,
.pdnew-reference-file em,
.product-related-card em,
.wiki-latest-copy em,
.wiki-involved-grid em,
.wiki-support-grid em,
.wiki-doc-index em,
.wiki-brand-product-grid em,
.project-ad-card > a {
  font-size: var(--rxh-utility-link-font-size) !important;
}

.rxh-hero-carousel,
.rxh-hero-carousel-track,
.rxh-hero-slide {
  position: absolute;
  inset: 0;
}

.rxh-hero-carousel {
  z-index: auto;
  overflow: hidden;
}

.rxh-hero-carousel-track {
  z-index: 0;
  display: flex;
  width: 100%;
  transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.rxh-hero-slide {
  position: relative;
  inset: auto;
  min-width: 100%;
  background-position: center 30%;
  background-size: cover;
}

.hero-overlay,
.hero-grid {
  z-index: 1;
  pointer-events: none;
}

.rxh-hero-caption {
  position: absolute;
  z-index: 3;
  right: 82px;
  bottom: 92px;
  display: grid;
  width: min(400px, calc(100% - 64px));
  gap: 5px;
  padding: 15px 18px;
  border: 1px solid rgba(136, 180, 255, 0.32);
  border-radius: 6px;
  background: rgba(3, 15, 37, 0.62);
  color: #fff;
  backdrop-filter: blur(12px);
}

.rxh-hero-caption[hidden] {
  display: none;
}

.rxh-hero-caption span,
.rxh-hero-caption em {
  color: rgba(255, 255, 255, 0.62);
  font-family: var(--font-mono);
  font-size: 8px;
  font-style: normal;
  letter-spacing: 0.08em;
}

.rxh-hero-caption strong {
  overflow: hidden;
  font-size: 16px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rxh-hero-controls {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 28px;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateX(-50%);
}

.rxh-hero-controls > button {
  width: auto;
  height: auto;
  padding: 3px 7px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.72);
  cursor: pointer;
  font-family: var(--font-mono);
  font-size: 26px;
  line-height: 1;
  transition: color 160ms ease, transform 160ms ease;
}

.rxh-hero-controls > button:hover,
.rxh-hero-controls > button:focus-visible {
  color: #58d6ff;
  outline: none;
}

.rxh-hero-controls > button:first-child:hover,
.rxh-hero-controls > button:first-child:focus-visible {
  transform: translateX(-2px);
}

.rxh-hero-controls > button:last-child:hover,
.rxh-hero-controls > button:last-child:focus-visible {
  transform: translateX(2px);
}

.rxh-hero-dots {
  display: flex;
  gap: 7px;
}

.rxh-hero-dots button {
  width: 28px;
  height: 3px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.34);
  cursor: pointer;
}

.rxh-hero-dots button.is-active {
  background: #58d6ff;
}

.pdnew-hero-actions .rxh-shop-cta {
  background: #16b8ed;
  border-color: #16b8ed;
  color: #04101f;
  font-weight: 900;
}

@media (max-width: 920px) {
  .rxh-hero-caption {
    right: 32px;
    bottom: 82px;
    width: min(340px, calc(100% - 64px));
  }
}

@media (max-width: 680px) {
  .rxh-hero-caption {
    top: 84px;
    right: 16px;
    bottom: auto;
    width: min(230px, calc(100% - 32px));
    padding: 9px 11px;
  }

  .rxh-hero-caption strong {
    font-size: 12px;
  }

  .rxh-hero-controls {
    bottom: 22px;
  }

  .rxh-hero-dots button {
    width: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rxh-hero-carousel-track {
    transition: none;
  }
}

.language-switch[data-rxh-language-toggle],
.rxh-language-control[data-rxh-language-toggle] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  white-space: nowrap;
}

.language-switch[data-rxh-language-toggle] span,
.rxh-language-control[data-rxh-language-toggle] span {
  opacity: 0.48;
  transition: opacity 160ms ease, color 160ms ease;
}

.language-switch[data-rxh-language-toggle] span.is-active,
.rxh-language-control[data-rxh-language-toggle] span.is-active {
  color: currentColor;
  opacity: 1;
}

.language-switch[data-rxh-language-toggle] i,
.rxh-language-control[data-rxh-language-toggle] i {
  font-style: normal;
  opacity: 0.3;
}