/*!
 * Theme
 */
.mdl1 { inset: 0; place-items: center; z-index: 80 }
.mdl1 { position: fixed; display: grid }
.vtr4 { width: 3rem; border-radius: 50%; height: 3rem }
.vtr4 { background-color: var(--k-soft); object-fit: cover; outline: 0.125rem solid rgb(20 19 22); outline-offset: -2px }
.byl5 { color: var(--k-muted); gap: 0.563rem; display: flex; font-size: .9em; align-items: center }
input,textarea,select { background-color: var(--k-card); width: 100%; font: inherit; padding: 0.688rem 0.813rem 0.688rem 0.813rem; color: var(--k-fg); border: 0.063rem solid var(--k-line); border-radius: 0.125rem }
input:focus { border-color: var(--k-primary); outline: none; box-shadow: 0 0 0 0.188rem rgb(153 101 236 / 0.2) }
textarea:focus { outline: none; border-color: var(--k-primary); box-shadow: 0 0 0 0.188rem rgb(153 101 236 / 0.2) }
select:focus { outline: none; box-shadow: 0 0 0 0.188rem rgb(153 101 236 / 0.2); border-color: var(--k-primary) }
label { display: block; font-weight: 600 }
label { margin: 0 0 0.375rem 0; font-size: .92em }
textarea { resize: vertical; min-height: 7.5rem }
.prg1 { background-color: var(--k-primary); height: 0.125rem; transition: width .1s linear }
.prg1 { left: 0; top: 0; width: 0 }
.prg1 { z-index: 60; position: fixed }
progress { height: 0.5rem; accent-color: var(--k-primary); width: 100% }
.dt3 { display: inline-block; width: 0.625rem }
.dt3 { height: 0.563rem; background-color: var(--k-accent); border-radius: 50%; vertical-align: middle }
.wrp2 { width: min(77.625rem, calc(100% - 2.5rem)); margin: 0 auto 0 }
.mhd5 { z-index: 20; position: relative }
.mhd5 { border-bottom: 0.063rem solid var(--k-line); color: var(--k-fg); background-color: var(--k-bg) }
.mhd5 .wrp2 { align-items: center; justify-content: space-between; display: flex; gap: 1.375rem; min-height: 4.625rem }
.brm0 { font-family: 'Inconsolata', monospace }
.brm0 { align-items: center; font-weight: bold; color: inherit; text-decoration-line: none }
.brm0 { display: inline-flex; font-size: 1.2rem; gap: 0.625rem }
.brm0 svg { width: 2rem; height: 2rem }
.lnr1 a { padding: 0.563rem 0.813rem 0.563rem 0.813rem; text-decoration: none; font-weight: 600; color: inherit }
.lnr1 a { outline: 0.063rem solid rgb(38 35 41); border-radius: 0.25rem; outline-offset: -1px }
.opn5 { padding: 5.625rem 0 6.5rem 0; color: var(--k-hero-fg); overflow: hidden; position: relative }
.opn5 { text-align: center; background: linear-gradient(135deg, var(--k-bg), var(--k-bg) 68%, var(--k-primary)) }
.opn5 h1 { margin: 0 auto 1.063rem auto; text-transform: none }
.opn5 h1 { letter-spacing: -.035em; font-size: clamp(2.4rem, 6vw, 4.8rem) }
.opn5 h1 { font-family: 'Inconsolata', monospace; line-height: 1.05; max-width: 56.25rem }
.opn5 p { max-width: 45rem; margin: 0 auto 1.625rem auto }
.opn5 p { color: var(--k-hero-fg); font-size: clamp(1.05rem, 2vw, 1.25rem) }
.cta34 { justify-content: center }
.cta34 { gap: 0.625rem; flex-wrap: wrap; display: flex }
.tap0 { font-weight: bold; display: inline-flex; text-decoration: none; color: #111111 }
.tap0 { border: 0.063rem solid var(--k-primary); padding: 0.813rem 1rem 0.813rem 1rem; justify-content: center; align-items: center }
.tap0 { box-shadow: none; border-radius: 0.25rem; background-color: var(--k-primary) }
.pge3 { color: var(--k-fg); background-color: var(--k-bg) }
.reg2 { padding-bottom: 3.438rem; padding-top: 3.438rem; border-bottom: 0.063rem solid var(--k-line) }
.reg2 h2 { font-family: 'Inconsolata', monospace; line-height: 1.15; margin: 0 0 1.688rem 0; font-size: clamp(1.7rem, 3.4vw, 2.5rem) }
.prs0 { color: var(--k-fg); font-size: 1.08rem }
.prs0 { max-width: 51.25rem; line-height: 1.8 }
.prs0 h2 { font-family: 'Inconsolata', monospace }
.prs0 h3 { font-family: 'Inconsolata', monospace }
.lay3 { grid-template-columns: repeat(auto-fit, minmax(min(100%, 16.875rem), 1fr)); display: grid; gap: 1.188rem }
.crd6 { min-width: 0; overflow: hidden; background-color: var(--k-card); color: var(--k-fg) }
.crd6 { outline: 0.063rem solid rgb(38 35 41); border-radius: 0.25rem; outline-offset: -1px }
.crd6 img { width: 100%; display: block }
.crd6 img { object-fit: cover; aspect-ratio: 16 / 9; background-color: var(--k-soft) }
.cbd1 { padding: 1.25rem }
.cbd1 { flex-direction: column; display: flex }
.cbd1 { align-items: flex-start; gap: 0.75rem }
.cbd1 h3 { line-height: 1.25; font-family: 'Inconsolata', monospace }
.cbd1 h3 { font-size: 1.25rem; margin: 0 }
.cbd1 h3 a { text-decoration-line: none; color: inherit }
.cbd1 p { line-height: 1.6; color: var(--k-muted); margin: 0 }
.cbd1 time { font-size: .84rem; color: var(--k-muted) }
.cbd1 code { color: var(--k-primary) }
.cbd1 code { max-width: 100%; overflow-wrap: anywhere; font-size: .86rem }
.cbd1 .tap0 { margin-top: auto }
.add1 { text-underline-offset: 0.25rem }
.add1 { text-decoration: underline; color: var(--k-primary); font-weight: bold }
.vid6 { outline: 0.063rem solid rgb(38 35 41); overflow: hidden; border-radius: 0.25rem; background-color: var(--k-card); outline-offset: -1px }
.vid6 { margin: 0 auto 1.188rem auto; max-width: 51.25rem }
.vid6 video { max-height: 36.938rem }
.vid6 video { display: block; width: 100%; background-color: var(--k-fg) }
.soc3 .tap0 { margin: 0 auto 0 auto; width: fit-content; display: flex }
.qst2 { gap: 0.75rem; max-width: 56.25rem; display: grid }
.ans3 { outline: 0.063rem solid rgb(38 35 41); border-radius: 0.25rem; background-color: var(--k-card) }
.ans3 { outline-offset: -1px; padding: 1rem 1.188rem 1rem }
.ans3 summary { cursor: pointer; font-weight: bold; font-family: 'Inconsolata', monospace }
.ans3 div { line-height: 1.7; color: var(--k-muted); padding: 0.813rem 0 0 0 }
.adv4 { width: 100%; overflow: visible; box-sizing: border-box }
.end5 { padding: 2.75rem 0 1.625rem 0; background-color: var(--k-fg); color: var(--k-bg) }
.end5 nav { gap: 0.813rem 1.375rem; margin-bottom: 1.313rem; display: flex; flex-wrap: wrap; justify-content: center }
.end5 a { text-decoration: none; color: var(--k-bg) }
.end5 p { margin: 0 }
.end5 p { font-size: .85rem; text-align: center; opacity: .75 }
.opn5 .wrp2 { width: min(77.625rem, calc(100% - 2.5rem)) }
.adv4 .spn1 { margin: 0 auto 0 auto; max-width: 100% }
.adv4 .spn3 { height: auto }
.abt4 .wrp2 { grid-template-columns: minmax(10rem, .55fr) minmax(0, 1.45fr); align-items: start; display: grid; gap: 1.25rem }
.abt4 h2 { margin: 0 }
.abt4 .prs0 :first-child { margin-top: 0 }
.opn5 .cta34 .tap0 { background-color: var(--k-bg); color: #ffffff }
.end5 .brm0 { color: var(--k-bg) }
.end5 .brm0 svg { fill: var(--k-bg) }
.opn5 h1 { text-shadow: 0 0.5rem 2.25rem var(--k-primary) }
.crd6 { box-shadow: 0 0.75rem 2.25rem var(--k-primary) }
.nf4 { padding: 0 0.938rem 0 0.938rem; max-width: 35rem; margin: 2.75rem auto 2.75rem }
.nfc8 { font-weight: 800; font-size: 4em }
.nfc8 { line-height: 1; margin: 0 0 0.563rem 0; color: var(--k-primary) }
body > .ib5 { z-index: 40; position: relative }
.wr7 { padding-right: 1.125rem; padding-left: 1.375rem }
@media only screen and (max-width: 922px){.cl2 { grid-template-columns: minmax(0,1fr) } .as2 { display: none } .cl2.cls0 { grid-template-columns: minmax(0,1fr) }}
@media only screen and (max-width: 748px){.mb5 { display: flex } .nav7 { display: none; width: 100% } .nav7 { padding: 0.313rem 0 0.813rem 0; flex-direction: column } .nt8[open]~.nav7 { display: flex }}
@media only screen and (max-width: 610px){.hr4 h1,.ph6 h1 { font-size: 1.9rem }}
@media only screen and (max-width: 922px){html { overflow-x: clip!important } .im3 { margin-bottom: 1.438rem!important; width: auto!important; margin-top: 0!important; margin-right: 0!important; margin-left: 0!important; max-width: 100%!important } [data-cmp="tx3"] table { margin-bottom: 1.313rem!important; display: block; margin-top: 1.313rem!important; width: auto!important } .tbl5 table { display: block; width: auto!important; margin-bottom: 1.313rem!important; margin-top: 1.313rem!important } [data-cmp="tx3"] table { max-width: 100%!important; min-width: 0!important; overflow-x: auto } .tbl5 table { min-width: 0!important; max-width: 100%!important; overflow-x: auto } [data-cmp="tx3"] th,[data-cmp="tx3"] td,.tbl5 th,.tbl5 td { min-width: 8rem; overflow-wrap: break-word }}
@media only screen and (max-width: 591px){.spn3m.spn5 { align-items: center; flex-direction: column; display: flex } .spn5 .spn0 { text-align: center; align-self: center }}
@media only screen and (max-width: 698px){.cls5,.cls1 { grid-template-columns: minmax(0,1fr) }}
@media only screen and (max-width: 539px){.adv4 .spn1 { padding: 0.5rem }}
@media only screen and (max-width: 748px){.abt4 .wrp2 { gap: 0.813rem; grid-template-columns: minmax(0, 1fr) }}
@media only screen and (max-width: 610px){.opn5 { padding: 3.063rem 0 3.625rem 0 } .reg2 { padding-bottom: 2.5rem; padding-top: 2.5rem }}
@media only screen and (max-width: 479px){.wrp2 { width: calc(100% - 1.875rem) } .mhd5 .wrp2 { min-height: 4rem; gap: 0.5rem } .lnr1 a { padding: 0.5rem 0.688rem 0.5rem } .cbd1 { padding: 1.063rem }}