.sx{--sx-g:#16c172}.sx-hero{padding-bottom:clamp(88px,10vw,128px)}.sx .sx-hero .ex-h1{max-width:11em}.sx-sheet-wrap{width:min(1000px,100% - 48px);margin:clamp(56px,7vw,80px) auto 0}.sx-cols{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(32px,5vw,72px);display:grid}.sx-col{border-top:1px solid #ffffff24;padding-top:22px}.sx-col i{border-radius:50%;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.sx-col i svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.sx-col.is-yes i{background:var(--sx-g);color:#03140b}.sx-col.is-no i{color:#9aa0a6;background:#ffffff14}:root:root:root .sx .sx-col p{color:var(--lh-ink);gap:12px;margin:0;padding:13px 0;font-size:16px;line-height:1.45;display:flex}:root:root:root .sx .sx-col.is-no p{color:var(--lh-muted)}:root:root:root .sx .sx-col .sx-col-h{color:var(--lh-ink);padding:0 0 8px;font-size:15px;font-weight:600}.sx-tfa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,96px);display:grid}.sx .sx-tfa .ex-h2{margin:0 0 20px}:root:root:root .sx .sx-body{max-width:26em;color:var(--lh-muted);margin:0 0 32px;font-size:18px;line-height:1.55}.sx-code{background:#0c0d0f;border-radius:24px;margin:0;padding:32px;box-shadow:inset 0 0 0 1px #ffffff14}.sx-sample{color:#a1a5aa;border-radius:99px;margin-left:auto;padding:3px 10px;font-size:12px;font-style:normal;font-weight:500;box-shadow:inset 0 0 0 1px #ffffff29}:root:root:root .sx .sx-code-top{color:var(--lh-ink);align-items:center;margin:0;font-size:19px;display:flex}:root:root:root .sx .sx-code-sub{color:var(--lh-muted);margin:4px 0 24px;font-size:14.5px}.sx-digits{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.sx-digits span{height:68px;color:var(--lh-ink);font-variant-numeric:tabular-nums;background:#000;border-radius:14px;place-items:center;font-size:30px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.sx-digits .is-caret{box-shadow:inset 0 0 0 2px var(--sx-g)}.sx-digits .is-caret:after{content:"";background:var(--sx-g);width:2px;height:28px;animation:1.1s step-end infinite ex-blink}:root:root:root .sx .sx-code-foot{color:var(--lh-muted);justify-content:space-between;align-items:center;margin:22px 0 0;font-size:14px;display:flex}.sx-ok{color:#3ddc97;align-items:center;gap:8px;font-weight:600;display:inline-flex}.sx-ok i{background:var(--sx-g);color:#03140b;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.sx-ok svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}:root:root:root .sx .sx-lead{color:var(--lh-muted);margin:-28px 0 40px;font-size:17px}.sx-layers{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.sx-layers>section{background:#0c0d0f;border-radius:20px;padding:26px;box-shadow:inset 0 0 0 1px #ffffff12}:root:root:root .sx .sx-layers h3{letter-spacing:-.015em;margin:0 0 14px;font-size:18px;font-weight:600}:root:root:root .sx .sx-layers ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.sx-layers li{color:var(--lh-muted);padding-left:16px;font-size:14.5px;line-height:1.5;position:relative}.sx-layers li:before{content:"";background:var(--sx-g);border-radius:50%;width:5px;height:5px;position:absolute;top:.6em;left:0}@media (max-width:1000px){.sx-layers{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.sx .sx-hero .ex-h1{font-size:44px}.sx-sheet-wrap{width:calc(100% - 32px)}.sx-cols{grid-template-columns:minmax(0,1fr);gap:28px}:root:root:root .sx .sx-col p{padding:10px 0;font-size:15px}.sx-tfa{grid-template-columns:minmax(0,1fr)}.sx-code{padding:22px}.sx-digits{gap:6px}.sx-digits span{border-radius:11px;height:52px;font-size:24px}.sx-layers{grid-template-columns:minmax(0,1fr)}:root:root:root .sx .sx-lead{margin:-20px 0 28px}}@media (prefers-reduced-motion:reduce){.sx-digits .is-caret:after{animation:none}}