/* [project]/apps/web/app/components/public-site/screens/system-requirements/system-requirements.css [app-client] (css) */
.gb-sysreq {
  --gb-sysreq-measure: 1080px;
  --gb-sysreq-gutter: 20px;
  --gb-sysreq-inset: max(var(--gb-sysreq-gutter),
    calc((100% - var(--gb-sysreq-measure)) / 2));
  --gb-sysreq-label: 200px;
  --gb-sysreq-hairline: var(--gb-gsap-line, #e6e3da);
  --gb-sysreq-hairline-ink: #f4f4f02e;
  color: var(--gb-gsap-ink, #15171d);
}

@media (max-width: 720px) {
  .gb-sysreq {
    --gb-sysreq-gutter: 14px;
  }
}

@media (min-width: 1024px) {
  .gb-sysreq {
    --gb-sysreq-measure: 1180px;
    --gb-sysreq-gutter: 32px;
    --gb-sysreq-label: 240px;
  }
}

.gb-sysreq-masthead {
  grid-template-columns: 1fr;
  gap: clamp(14px, 2vw, 22px);
  padding-block: clamp(28px, 3.8vw, 46px) clamp(20px, 2.8vw, 32px);
  display: grid;
}

.gb-sysreq-masthead h1 {
  letter-spacing: -.03em;
  text-wrap: balance;
  max-width: 20ch;
  margin: 0;
  font-size: clamp(32px, 4.4vw, 52px);
  font-weight: 800;
  line-height: 1.04;
}

.gb-sysreq-lede {
  max-width: 56ch;
  color: var(--gb-gsap-muted, #454a52);
  text-wrap: pretty;
  margin: 0;
  font-size: clamp(15.5px, 1.35vw, 18px);
  line-height: 1.6;
}

@media (min-width: 900px) {
  .gb-sysreq-masthead {
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
    align-items: end;
    gap: clamp(28px, 4vw, 64px);
  }
}

.gb-sysreq-weld {
  background: var(--gb-gsap-ink, #15171d);
  transform-origin: 0;
  width: 100%;
  height: 2px;
}

.gb-sysreq-half--paper {
  background: var(--gb-surface-warm, #f2efe6);
}

.gb-sysreq-half--ink {
  border-top: 2px solid var(--gb-gsap-lime, #c4f750);
  background: var(--gb-gsap-dark, #15171d);
  color: var(--gb-on-dark, #f4f4f0);
  padding-bottom: clamp(30px, 4vw, 52px);
}

.gb-sysreq-head {
  padding-block: clamp(26px, 3.4vw, 40px) clamp(14px, 1.8vw, 20px);
  padding-inline: var(--gb-sysreq-inset);
}

.gb-sysreq-head h2 {
  letter-spacing: -.022em;
  margin: 0;
  font-size: clamp(23px, 2.7vw, 33px);
  font-weight: 800;
  line-height: 1.08;
}

.gb-sysreq-head p {
  max-width: 62ch;
  color: var(--gb-gsap-muted, #454a52);
  text-wrap: pretty;
  margin: 10px 0 0;
  font-size: 15.5px;
  line-height: 1.58;
}

.gb-sysreq-half--ink .gb-sysreq-head h2 {
  color: var(--gb-on-dark, #f4f4f0);
}

.gb-sysreq-half--ink .gb-sysreq-head p {
  color: var(--gb-on-dark-2, #a7acb4);
}

.gb-sysreq-rows {
  border-top: 1px solid var(--gb-sysreq-hairline);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-sysreq-row {
  padding-block: clamp(13px, 1.7vw, 17px);
  padding-inline: var(--gb-sysreq-inset);
  border-bottom: 1px solid var(--gb-sysreq-hairline);
  grid-template-columns: 1fr;
  gap: 4px;
  display: grid;
}

.gb-sysreq-row-label {
  color: var(--gb-gsap-muted, #454a52);
  font-family: var(--font-mono);
  letter-spacing: .06em;
  margin: 0;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.5;
}

.gb-sysreq-row-value {
  text-wrap: pretty;
  max-width: 62ch;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

@media (min-width: 760px) {
  .gb-sysreq-row {
    grid-template-columns: var(--gb-sysreq-label) minmax(0, 1fr);
    gap: 0;
  }

  .gb-sysreq-row-label {
    padding-inline-end: 20px;
  }

  .gb-sysreq-row-value {
    border-inline-start: 1px solid var(--gb-sysreq-hairline);
    padding-inline-start: clamp(18px, 2.4vw, 32px);
  }
}

.gb-sysreq-half--ink .gb-sysreq-rows, .gb-sysreq-half--ink .gb-sysreq-row {
  border-color: var(--gb-sysreq-hairline-ink);
}

.gb-sysreq-half--ink .gb-sysreq-row-label {
  color: var(--gb-on-dark-2, #a7acb4);
}

.gb-sysreq-half--ink .gb-sysreq-row-value {
  color: var(--gb-on-dark, #f4f4f0);
}

@media (min-width: 760px) {
  .gb-sysreq-half--ink .gb-sysreq-row-value {
    border-inline-start-color: var(--gb-sysreq-hairline-ink);
  }
}

.gb-pub-section.gb-sysreq-work {
  padding-block: clamp(36px, 5vw, 64px);
}

.gb-sysreq-work-body {
  max-width: 62ch;
  color: var(--gb-gsap-muted, #454a52);
  text-wrap: pretty;
  margin: 0;
  font-size: 16.5px;
  line-height: 1.62;
}

.gb-sysreq-claim {
  border-top: 2px solid var(--gb-gsap-ink, #15171d);
  letter-spacing: -.012em;
  text-wrap: pretty;
  max-width: 46ch;
  margin: clamp(20px, 2.6vw, 30px) 0 0;
  padding-top: clamp(16px, 2vw, 22px);
  font-size: clamp(18px, 1.9vw, 23px);
  font-weight: 650;
  line-height: 1.34;
}

.gb-pub-band.gb-sysreq-browsers {
  padding-block: clamp(40px, 5.4vw, 68px);
}

.gb-sysreq-browser-grid {
  grid-template-columns: 1fr;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.gb-sysreq-browser + .gb-sysreq-browser {
  border-top: 1px solid var(--gb-sysreq-hairline);
  margin-top: clamp(18px, 2.4vw, 24px);
  padding-top: clamp(18px, 2.4vw, 24px);
}

.gb-sysreq-browser h3 {
  letter-spacing: -.015em;
  margin: 0 0 8px;
  font-size: 19px;
  font-weight: 800;
  line-height: 1.2;
}

.gb-sysreq-browser p {
  color: var(--gb-gsap-muted, #454a52);
  text-wrap: pretty;
  margin: 0;
  font-size: 15.5px;
  line-height: 1.58;
}

.gb-sysreq-browser-foot {
  border-top: 1px solid var(--gb-sysreq-hairline);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px clamp(20px, 3vw, 40px);
  margin-top: clamp(24px, 3vw, 34px);
  padding-top: clamp(16px, 2vw, 22px);
  display: flex;
}

.gb-sysreq-browser-note {
  max-width: 74ch;
  color: var(--gb-gsap-muted, #454a52);
  text-wrap: pretty;
  flex: 42ch;
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
}

@media (min-width: 860px) {
  .gb-sysreq-browser-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .gb-sysreq-browser {
    padding-inline: clamp(20px, 2.6vw, 34px);
  }

  .gb-sysreq-browser:first-child {
    padding-inline-start: 0;
  }

  .gb-sysreq-browser:last-child {
    padding-inline-end: 0;
  }

  .gb-sysreq-browser + .gb-sysreq-browser {
    border-top: 0;
    border-inline-start: 1px solid var(--gb-sysreq-hairline);
    margin-top: 0;
    padding-top: 0;
  }
}

.gb-pub-section.gb-sysreq-questions {
  padding-block: clamp(36px, 5vw, 64px);
}

.gb-sysreq-q-grid {
  grid-template-columns: 1fr;
  gap: clamp(22px, 3vw, 34px) clamp(32px, 4.5vw, 72px);
  display: grid;
}

.gb-sysreq-q {
  border-top: 1px solid var(--gb-sysreq-hairline);
  padding-top: clamp(14px, 1.8vw, 18px);
}

.gb-sysreq-q h3 {
  text-wrap: balance;
  margin: 0;
  font-size: 17.5px;
  font-weight: 750;
  line-height: 1.28;
}

.gb-sysreq-q-answer {
  max-width: 54ch;
  color: var(--gb-gsap-muted, #454a52);
  text-wrap: pretty;
  margin: 8px 0 0;
  font-size: 15.5px;
  line-height: 1.6;
}

.gb-sysreq-more {
  flex: none;
  margin: 10px 0 0;
  font-size: 14.5px;
  font-weight: 650;
}

.gb-sysreq-browser-foot .gb-sysreq-more {
  margin-top: 0;
}

.gb-sysreq-more-link {
  color: var(--gb-gsap-ink, #15171d);
}

@media (min-width: 860px) {
  .gb-sysreq-q-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.gb-pub-band.gb-sysreq-tail {
  padding-block: clamp(36px, 4.6vw, 58px);
}

.gb-sysreq-tail-grid {
  grid-template-columns: 1fr;
  gap: clamp(26px, 3.6vw, 44px);
  display: grid;
}

.gb-sysreq-tail h2 {
  letter-spacing: -.015em;
  margin: 0 0 12px;
  font-size: clamp(19px, 1.9vw, 23px);
  font-weight: 800;
  line-height: 1.14;
}

.gb-sysreq-availability p {
  max-width: 44ch;
  color: var(--gb-gsap-muted, #454a52);
  text-wrap: pretty;
  margin: 0;
  font-size: 16px;
  line-height: 1.6;
}

.gb-sysreq-related-list {
  border-top: 1px solid var(--gb-sysreq-hairline);
  margin: 0;
  padding: 0;
  list-style: none;
}

.gb-sysreq-related-list li {
  border-bottom: 1px solid var(--gb-sysreq-hairline);
}

.gb-sysreq-related-link {
  color: var(--gb-gsap-ink, #15171d);
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  padding-block: 12px;
  font-size: 15px;
  display: flex;
}

.gb-sysreq-related-label {
  flex: none;
  font-weight: 700;
}

.gb-sysreq-related-blurb {
  color: var(--gb-gsap-muted, #454a52);
  flex: 220px;
  font-size: 14.5px;
  line-height: 1.5;
}

.gb-sysreq-stamp {
  color: var(--gb-gsap-muted, #454a52);
  font-family: var(--font-mono);
  letter-spacing: .08em;
  margin-block: clamp(26px, 3.4vw, 40px) 0;
  font-size: 11px;
  font-weight: 500;
}

@media (min-width: 900px) {
  .gb-sysreq-tail-grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: clamp(40px, 5vw, 80px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gb-sysreq .gb-legal-link {
    transition: none;
  }
}

/*# sourceMappingURL=069b_components_public-site_screens_system-requirements_system-requirements_1pqt1dg.css.map*/