/*
  Main stylesheet
  ---
  tokens, typography, blocks
*/
:root { --k-muted: rgb(157 152 164); --k-line: rgb(38 35 41); --k-bg: rgb(10 9 11); --k-primary: rgb(153 101 236); --k-soft: rgb(27 25 31); --k-accent: rgb(224 99 92); --k-hero-fg: rgb(247 247 248); --k-card: rgb(20 19 22); --k-fg: rgb(242 241 243) }
* { box-sizing: border-box }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth }
body { background-color: var(--k-bg); margin: 0; color: var(--k-fg) }
body { line-height: 1.71; font-size: 1.063rem; font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif }
pre { max-width: 100%; overflow-x: auto }
code { overflow-wrap: anywhere }
img { display: block; max-width: 100%; height: auto }
.ib5 { z-index: 20; gap: 0.563rem; margin: 0; align-items: center; top: 0; position: sticky; padding: 0.5rem 0.563rem 0.5rem; background-color: var(--k-accent); line-height: 1.35; justify-content: space-between; display: flex; color: var(--k-bg); font-size: .9em }
.ib5 p, .ib5 span { flex: 1 1 auto; margin: 0 }
.ib5 a { font-weight: bold; text-decoration: underline; color: var(--k-bg) }
.sx1 { padding: 0.125rem 0.313rem 0.125rem 0.313rem; line-height: 1; border: 0; color: var(--k-bg); cursor: pointer; background-color: transparent; font-size: 1.1em }
.ib5[hidden] { display: none }
a { color: var(--k-primary) }
a:hover { color: var(--k-primary) }
h1 { font-weight: bold; font-family: 'Inconsolata', monospace }
h2 { font-weight: bold; font-family: 'Inconsolata', monospace }
h3 { font-family: 'Inconsolata', monospace; font-weight: bold }
h4 { font-weight: bold; font-family: 'Inconsolata', monospace }
h1 { line-height: 1.2; letter-spacing: 0; margin: 0 0 0.56em 0 }
h2 { line-height: 1.2; margin: 0 0 0.56em 0; letter-spacing: 0 }
h3 { line-height: 1.2; letter-spacing: 0; margin: 0 0 0.56em 0 }
h4 { letter-spacing: 0; line-height: 1.2; margin: 0 0 0.56em 0 }
h1 { font-size: 2.35rem }
h2 { font-size: 1.74rem; margin-top: 1.84em }
h3 { font-size: 1.32rem; margin-top: 1.25em }
h2[id] { scroll-margin-top: 5.625rem }
h3[id] { scroll-margin-top: 5.625rem }
[data-cmp="tx3"] { max-width: 100% }
[data-cmp="tx3"] p { margin-bottom: 1.16em }
[data-cmp="tx3"] ul,[data-cmp="tx3"] ol { padding-left: 1.27em; margin: 0 0 1.14em 0 }
[data-cmp="tx3"] li { margin-bottom: 0.38em; margin-top: 0.38em }
[data-cmp="tx3"] li>p { margin: 0rem }
[data-cmp="tx3"] hr { margin: 2.33em 0 1.62em 0; border: 0; border-top: 0.063rem solid var(--k-line) }
[data-cmp="tx3"] table { margin-top: 1.21em; font-size: .94em }
[data-cmp="tx3"] table { display: block; overflow-x: auto }
[data-cmp="tx3"] table { border-collapse: collapse; width: 100%; margin-bottom: 1.21em }
[data-cmp="tx3"] th,[data-cmp="tx3"] td { border: 0.063rem solid var(--k-line); text-align: left; padding: 0.625rem 0.75rem 0.625rem 0.75rem }
[data-cmp="tx3"] th { background-color: var(--k-soft); font-weight: 600 }
[data-cmp="tx3"] blockquote { padding: 0.813rem 1.125rem 0.813rem 1.125rem; border-left: 0.25rem solid var(--k-accent); margin: 1.24em 0 1.24em 0 }
[data-cmp="tx3"] blockquote { background-color: var(--k-card); border-radius: 0.125rem }
[data-cmp="tx3"] .ct2 { white-space: nowrap; font-size: .8em }
[data-cmp="tx3"] .ct2 a { border-bottom: 0.063rem dotted var(--k-accent); text-decoration: none }
[data-cmp="tx3"] code { padding: 0.063rem 0.313rem 0.063rem; background-color: var(--k-soft) }
[data-cmp="tx3"] code { font-size: .92em; border-radius: 0.25rem }
[data-cmp="tx3"] img { border-radius: 0.125rem; margin: 0.94em 0 0.94em 0 }
[data-cmp="tl34"] { font-size: 1.06em; border-radius: 0.125rem; border-left: 0.25rem solid var(--k-primary); padding: 1rem 1.25rem 1rem; margin-bottom: 1.813rem; background-color: var(--k-soft) }
[data-cmp="tl34"] p:last-child { margin-bottom: 0 }
[data-cmp="tl34"]>strong { display: block; font-size: .78em; text-transform: uppercase; color: var(--k-accent); letter-spacing: 0.08em; margin-bottom: 0.5rem }
[data-cmp="pc7"] { grid-template-columns: 1fr 1fr; display: grid }
[data-cmp="pc7"] { margin: 1.375rem 0 1.375rem 0; gap: 1.25rem }
[data-cmp="pc7"]>div { border-radius: 0.125rem }
[data-cmp="pc7"]>div { outline: 0.063rem solid rgb(38 35 41); padding: 0.938rem 1.125rem 0.938rem 1.125rem }
[data-cmp="pc7"]>div { background-color: var(--k-card); outline-offset: -1px }
[data-cmp="pc7"] h3 { margin-top: 0 }
[data-cmp="pc7"] ul { margin: 0; padding-left: 1.16em }
[data-cmp="rf3"] { margin: 2.25rem 0 0 0; border-top: 0.063rem solid var(--k-line); font-size: .9em; padding-top: 1rem; color: var(--k-muted) }
[data-cmp="rf3"] ul { padding-left: 1.52em }
[data-cmp="rf3"] li { margin: 0.32em 0 0.32em 0; word-break: break-word }
[data-cmp="rf3"] a { color: var(--k-muted) }
[data-cmp="qt2"] { padding: 1.188rem 1.75rem 1.188rem; font-style: italic; font-size: 1.15em }
[data-cmp="qt2"] { margin: 1.5rem 0 1.5rem; background-color: var(--k-card); border-radius: 0.125rem; border-left: 0.25rem solid var(--k-accent) }
[data-cmp="ct27"] { border-radius: 0.125rem; margin: 2.5rem 0 2.5rem; background-color: var(--k-primary); text-align: center; padding: 1.875rem; color: #111111 }
[data-cmp="ct27"] h3 { margin-top: 0; color: inherit }
[data-cmp="ct27"] p:last-child { margin: 0 }
[data-cmp="ftr5"] { gap: 0.813rem; margin-top: 1.313rem; margin-bottom: 1.313rem }
[data-cmp="ftr5"] { display: grid; list-style-type: none; padding: 0 }
[data-cmp="ftr5"] li { padding: 0.125rem 0 0.125rem 1rem; border-left: 0.188rem solid var(--k-primary) }
[data-cmp="ftr5"] h3 { margin: 0 0 0.25rem 0; font-size: 1.05em }
[data-cmp="ftr5"] p { margin: 0; color: var(--k-muted) }
.bt3 { color: #111111; border-radius: 0.125rem }
.bt3 { margin-top: 0.625rem; background-color: var(--k-accent) }
.bt3 { text-decoration: none; display: inline-block; padding: 0.75rem 1.625rem 0.75rem; font-weight: 600 }
.bt3:hover { color: #111111; filter: brightness(1.08) }
.gr6 { display: grid; gap: 1.313rem; grid-template-columns: repeat(auto-fill,minmax(15.625rem,1fr)); margin: 1.375rem 0 1.375rem }
.it2 { background-color: var(--k-card); outline: 0.063rem solid rgb(38 35 41); padding: 1.25rem; color: #ffffff; display: flex; border-radius: 0.125rem; flex-direction: column }
.it2 { outline-offset: -1px; gap: 0.563rem }
.it2 h2 { font-size: 1.08em; color: #ffffff; margin: 0rem }
.it2 h3 { font-size: 1.08em; margin: 0rem; color: #ffffff }
.it2 p { margin: 0; color: var(--k-muted); font-size: .95em }
.it2 a { text-decoration: none; font-weight: 600; color: #ffffff }
.crd4 { display: grid; gap: 1.563rem; margin: 1.438rem 0 1.438rem; grid-template-columns: repeat(2,minmax(0,1fr)) }
.crd4 .it2 { overflow: hidden; box-shadow: 0 0.25rem 1.125rem rgb(242 241 243 / 0.08); padding: 0 }
.crd4 .it2 .crd8 { aspect-ratio: 1 / 1; width: 100% }
.crd4 .it2 .crd8 { padding: 0.688rem; border: 0.063rem solid rgb(242 241 243 / 0.25); max-width: 100%; background-color: rgb(242 241 243 / 0.9); object-fit: contain; height: auto }
.crd4 .crd8a { min-width: 0; display: flex; gap: 0.563rem; padding: 1.188rem; flex-direction: column }
.crd4 .crd6c { gap: 0.688rem }
.crd4 .crd6c { margin-top: auto; flex-wrap: wrap }
.crd4 .crd6c { align-items: center; display: flex }
.crd4 .crd0 { font-size: .85em; display: block }
.crd4 .crd0 { line-height: 1.35; min-width: 0; color: var(--k-muted) }
.crd4 .crd0 code { overflow-wrap: anywhere; word-break: break-all; font-family: inherit }
.crd4 .crd1 { grid-column: span 1 }
.crd2 { grid-template-columns: 1fr }
.crd4.crd2 > .it2 { text-align: left; flex-direction: row }
.crd4.crd2 > .it2 { display: flex; align-items: stretch }
.crd2 .crd1 .crd8 { order: 2 }
.crd2 .it2 .crd8 { flex-shrink: 0; width: min(34%,260px); aspect-ratio: 4 / 3 }
.crd6d { grid-template-columns: 1fr }
.crd4.crd6d > .it2 { display: flex; flex-direction: row }
.crd4.crd6d > .it2 { padding: 0.75rem; text-align: left; align-items: center }
.crd4.crd6d > .it2 .crd8 { height: 6.375rem; width: 6.375rem; aspect-ratio: 1 / 1 }
.crd4.crd6d > .it2 .crd8 { flex-shrink: 0; border-radius: 57.688rem }
.crd4.crd6d > .it2 .crd8a { flex: 1 1 auto; min-width: 0; padding: 0.625rem 0.938rem 0.625rem 0.938rem }
.crd2v { grid-template-columns: 1fr }
.crd4.crd2v > .it2 { display: grid; text-align: left; grid-template-columns: minmax(11.25rem,34%) 1fr }
.crd2v .it2 .crd8 { height: 100%; aspect-ratio: 4 / 3 }
.crd0s { color: var(--k-muted); margin-bottom: 1.063rem; max-width: 70ch }
.crd4 .bt3 { white-space: normal; text-align: center; margin-top: 0 }
.nt2 { display: block; margin: 0.938rem 0 0.938rem 0 }
.str4 { display: block; margin: 0.938rem 0 0.938rem 0 }
.tlt5 { display: block; margin: 0.938rem 0 0.938rem 0 }
.nt2 { padding: 0.813rem 0.688rem 0.813rem; font-size: .88em; border: 0.063rem solid rgb(38 35 41 / 0.85); background-color: var(--k-soft); line-height: 1.45; border-radius: 0rem }
.str4 { border: 0.063rem solid rgb(38 35 41 / 0.85); background-color: var(--k-soft); font-size: .88em; padding: 0.813rem 0.688rem 0.813rem; line-height: 1.45; border-radius: 0rem }
.tlt5 { background-color: var(--k-soft); font-size: .88em; border: 0.063rem solid rgb(38 35 41 / 0.85); line-height: 1.45; padding: 0.813rem 0.688rem 0.813rem; border-radius: 0rem }
.nt2 a { font-weight: 600 }
.str4 a { font-weight: 600 }
.tlt5 a { font-weight: 600 }
.tlt5 { text-align: right }
.ctx4 { padding: 1.25rem 1.5rem 1.25rem; margin: 2.125rem 0 2.125rem 0; background-color: var(--k-soft) }
.ctx4 { max-width: 100%; border: 0.063rem solid rgb(38 35 41 / 0.9); border-radius: 0.125rem; border-left: 0.25rem solid var(--k-accent) }
.ctx4 h2 { font-size: 1.08em; margin-top: 0 }
.ctx4 h3 { margin-top: 0; font-size: 1.08em }
.ctx4 p:last-child { margin-bottom: 0 }
.ctx4 ul { padding-left: 1.19em; margin: 0rem }
.nav7 .cat3,.fo3 .cat3,.cat3 { color: #ffffff }
.nav7 .cat3.cat-accent1 { font-weight: bold; color: #ffffff }
.fo3 .cat3.cat-accent1 { color: #ffffff; font-weight: bold }
.cat3.cat-accent1 { font-weight: bold; color: #ffffff }
.nav7 .cat3.cat-chip6 { background-color: var(--k-accent); text-decoration-line: none }
.fo3 .cat3.cat-chip6 { text-decoration-line: none; background-color: var(--k-accent) }
.cat3.cat-chip6 { text-decoration-line: none; background-color: var(--k-accent) }
.nav7 .cat3.cat-chip6 { font-weight: 600; color: #111111 }
.fo3 .cat3.cat-chip6 { color: #111111; font-weight: 600 }
.cat3.cat-chip6 { color: #111111; font-weight: 600 }
.nav7 .cat3.cat-chip6,.fo3 .cat3.cat-chip6,.cat3.cat-chip6 { padding: 0.125rem 0.438rem 0.125rem 0.438rem; display: inline-block; border-radius: 0.125rem }
.nav7 .cat3.cat-border4 { border: 0.094rem solid var(--k-accent); text-decoration: none; color: #ffffff }
.fo3 .cat3.cat-border4 { color: #ffffff; border: 0.094rem solid var(--k-accent); text-decoration: none }
.cat3.cat-border4 { border: 0.094rem solid var(--k-accent); color: #ffffff; text-decoration: none }
.nav7 .cat3.cat-border4 { display: inline-block; border-radius: 0.125rem; padding: 0.125rem 0.5rem 0.125rem; font-weight: 600 }
.fo3 .cat3.cat-border4 { display: inline-block; border-radius: 0.125rem; font-weight: 600; padding: 0.125rem 0.5rem 0.125rem }
.cat3.cat-border4 { padding: 0.125rem 0.5rem 0.125rem; border-radius: 0.125rem; font-weight: 600; display: inline-block }
.nav7 .cat3.cat-w5 { text-decoration: underline }
.fo3 .cat3.cat-w5 { text-decoration: underline }
.cat3.cat-w5 { text-decoration: underline }
.nav7 .cat3.cat-w5,.fo3 .cat3.cat-w5,.cat3.cat-w5 { color: #ffffff; text-decoration-thickness: 0.125rem; text-underline-offset: 0.188rem }
.nav7 .cat3.cat-t0 { color: #ffffff; font-weight: 600 }
.fo3 .cat3.cat-t0 { font-weight: 600; color: #ffffff }
.cat3.cat-t0 { color: #ffffff; font-weight: 600 }
.nav7 .cat3.cat-t0::before { color: #ffffff; content: "•"; margin-right: 0.34em }
.fo3 .cat3.cat-t0::before { color: #ffffff; content: "•"; margin-right: 0.34em }
.cat3.cat-t0::before { color: #ffffff; content: "•"; margin-right: 0.34em }
.nav7 .cat3.cat-accent1,.fo3 .cat3.cat-accent1,.cat3.cat-accent1:hover,.nav7 .cat3.cat-chip6,.fo3 .cat3.cat-chip6,.cat3.cat-chip6:hover,.nav7 .cat3.cat-border4,.fo3 .cat3.cat-border4,.cat3.cat-border4:hover,.nav7 .cat3.cat-w5,.fo3 .cat3.cat-w5,.cat3.cat-w5:hover,.nav7 .cat3.cat-t0,.fo3 .cat3.cat-t0,.cat3.cat-t0:hover { opacity: 1 }
.nt8 { line-height: 0; display: inline-block }
.nt8>summary { list-style-type: none }
.nt8>summary::-webkit-details-marker { display: none }
.mb5 { cursor: pointer }
.mb5 { padding: 0.125rem; display: none; line-height: 0 }
.mb5 svg { display: block }
.by7 { font-size: .9em; gap: 0.5rem 1.063rem; color: var(--k-muted); display: flex; flex-wrap: wrap; margin: 0 0 1.25rem 0 }
.bc0 { margin-bottom: 0.938rem; color: var(--k-muted); font-size: .88em }
.bc0 a { text-decoration: none; color: var(--k-muted) }
.eb0 { display: inline-block }
.eb0 { margin-bottom: 0.625rem; letter-spacing: 0.07em }
.eb0 { text-transform: uppercase; font-weight: bold; color: var(--k-accent); font-size: .76em }
.im3 figcaption { font-size: .85em; margin: 0.5rem 0 0 0; color: var(--k-muted) }
[data-cmp="hw7"] .im3 { margin: 0.875rem 0 0.313rem 0 }
[data-cmp="tx3"] .im3 { margin: 0.875rem 0 0.313rem 0 }
[data-cmp="hw7"] .im3 img { width: 100%; border-radius: 0.375rem }
[data-cmp="mr6"] { margin-top: 3.313rem }
.by7 dt { font-weight: 600 }
.by7 dt::after { content: ":" }
.by7 dd { margin: 0 0.5rem 0 0 }
.eb0 { margin: 0.5rem 0 0 0; display: block }
[data-cmp="fq4"] { gap: 0.938rem; grid-template-columns: repeat(auto-fill,minmax(17.5rem,1fr)); display: grid }
[data-cmp="fq4"]>div { padding: 1rem 1.125rem 1rem 1.125rem; outline: 0.063rem solid rgb(38 35 41); border-radius: 0.125rem; background-color: var(--k-card); outline-offset: -1px }
[data-cmp="fq4"] h3 { margin: 0 0 0.438rem 0; font-size: 1.02em }
[data-cmp="hw7"] { margin: 1.375rem 0 1.375rem 0 }
[data-cmp="hw7"]>div { gap: 1.063rem; display: flex; align-items: flex-start; margin: 1.188rem 0 1.188rem 0 }
[data-cmp="hw7"]>div>span { background-color: var(--k-primary); border-radius: 50%; place-items: center; color: #111111; height: 2.375rem; display: grid }
[data-cmp="hw7"]>div>span { font-weight: bold; font-family: 'Inconsolata', monospace; flex: 0 0 2.375rem }
[data-cmp="hw7"] h3 { margin: 0.375rem 0 0.25rem 0 }
.tbl5 { overflow-x: auto; max-width: 100% }
p { overflow-wrap: anywhere }
li { overflow-wrap: anywhere }
dd { overflow-wrap: anywhere }
td { overflow-wrap: anywhere }
blockquote { overflow-wrap: anywhere }
figcaption { overflow-wrap: anywhere }
.by7 a { padding-top: 0.125rem; display: inline-block; min-height: 1.5rem; padding-bottom: 0.125rem }
.bc0 a { min-height: 1.5rem; display: inline-block; padding-top: 0.125rem; padding-bottom: 0.125rem }
.nav7 a { min-height: 1.5rem; padding-top: 0.125rem; display: inline-block; padding-bottom: 0.125rem }
.fo3 a { padding-bottom: 0.125rem; display: inline-block; min-height: 1.5rem; padding-top: 0.125rem }
.fl7 a { padding-bottom: 0.125rem; display: inline-block; min-height: 1.5rem; padding-top: 0.125rem }
.ol24 a { padding-bottom: 0.125rem; min-height: 1.5rem; display: inline-block; padding-top: 0.125rem }
.tlt5 a { display: inline-block; padding-top: 0.125rem; padding-bottom: 0.125rem; min-height: 1.5rem }
.ctx4 a { min-height: 1.5rem; padding-bottom: 0.125rem; display: inline-block; padding-top: 0.125rem }
.ct7 .bk1 a { display: inline-block; min-height: 1.5rem; padding-top: 0.125rem; padding-bottom: 0.125rem }
.ct7 .pls0 a { display: inline-block; padding-top: 0.125rem; padding-bottom: 0.125rem; min-height: 1.5rem }
[rel="next"] { display: inline-block; padding-bottom: 0.125rem; min-height: 1.5rem; padding-top: 0.125rem }
[rel="prev"] { min-height: 1.5rem; padding-bottom: 0.125rem; padding-top: 0.125rem; display: inline-block }
@media only screen and (max-width: 610px){h1 { overflow-wrap: anywhere } h2 { overflow-wrap: anywhere } h3 { overflow-wrap: anywhere } .crd4 { grid-template-columns: 1fr } .crd4.crd2 > .it2,.crd4.crd2v > .it2 { display: block } .crd4.crd2 > .it2 .crd8,.crd4.crd2v > .it2 .crd8 { height: auto; aspect-ratio: 16 / 9; width: 100% } [data-cmp="pc7"] { grid-template-columns: minmax(0,1fr) }}
@media only screen and (max-width: 698px){table { overflow-x: auto; display: block; max-width: 100% }}