.react-site .guide-cover{aspect-ratio:4/5;background:#102019;border:1px solid rgba(237,242,232,.1);border-radius:10px;display:block;overflow:hidden}.react-site .guide-cover svg{width:100%;height:100%;display:block}.react-site .guide-cover .rc-bg{fill:#102019}.react-site .guide-cover .rc-datum{stroke:#24433a;stroke-width:1px}.react-site .guide-cover .rc-datum-tick{stroke:#a3f4bd;stroke-width:2px}.react-site .guide-cover .rc-wall{fill:none;stroke:#2e5244;stroke-width:1.5px}.react-site .guide-cover .rc-chamber{fill:rgba(163,244,189,.1);stroke:#a3f4bd;stroke-width:1.5px}.react-site .guide-cover .rc-panel{fill:#15302a;stroke:#264a3e}.react-site .guide-cover .rc-chip{fill:rgba(163,244,189,.13);stroke:#a3f4bd}.react-site .guide-cover .rc-track{fill:#1b3a30}.react-site .guide-cover .rc-bar-warn{fill:#dca94b}.react-site .guide-cover .rc-bar-pass{fill:#a3f4bd}.react-site .guide-cover .rc-dot{fill:#cfe6d3}.react-site .guide-cover .rc-dot-pass{fill:#a3f4bd}.react-site .guide-cover .rc-hollow{fill:#102019;stroke:#8fbf9c;stroke-width:1.5px}.react-site .guide-cover .rc-move{fill:none;stroke:#a3f4bd;stroke-width:1.5px;stroke-dasharray:5 6}.react-site .guide-cover .rc-move-head{fill:none;stroke:#a3f4bd;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.react-site .guide-cover .rc-request{stroke:#a3f4bd;stroke-width:1.5px;stroke-dasharray:4 6}.react-site .guide-cover .rc-gate{stroke:#cfe6d3;stroke-width:2.5px;stroke-linecap:round}.react-site .guide-cover .rc-boundary{stroke:#3a6353;stroke-width:1.5px;stroke-dasharray:3 7}.react-site .guide-cover .rc-node{fill:#15302a;stroke:#4d7a67}.react-site .guide-cover .rc-link{stroke:#8fbf9c;stroke-width:1.5px}.react-site .guide-cover .rc-question{fill:#102019;stroke:#dca94b;stroke-width:1.5px}.react-site .guide-cover .rc-order{fill:none;stroke:#dca94b;stroke-width:1.5px;stroke-dasharray:5 5}.react-site .guide-cover .rc-order-head{fill:none;stroke:#dca94b;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.react-site .guide-cover .rc-doc{fill:#15302a;stroke:#dca94b}.react-site .guide-cover .rc-doc-line{stroke:#6b5a33;stroke-width:2px;stroke-linecap:round}.react-site .guide-cover .rc-cell{fill:none;stroke:#2e5244;stroke-width:1.2px}.react-site .guide-cover .rc-hatch{stroke:#8fbf9c;stroke-width:1.2px;opacity:.7}.react-site .guide-cover .rc-label{font:400 14px var(--mono,"Geist Mono", monospace);fill:#8fbf9c}.react-site .guide-cover .rc-value{font:500 15px var(--mono,"Geist Mono", monospace);fill:#e3ecdd;font-variant-numeric:tabular-nums}.react-site .guide-cover .rc-strong{fill:#a3f4bd}.react-site .guide-cover .rc-small{font-size:12px}.react-site .guide-cover .rc-warn{fill:#dca94b}.react-site .guide-cover .rc-mid{text-anchor:middle}.react-site .guide-cover .rc-end{text-anchor:end}.react-site .guide-stack{max-width:540px;height:560px;margin-inline:auto;position:relative}.react-site .guide-stack .guide-cover{width:58%;position:absolute;box-shadow:0 28px 60px rgba(3,10,7,.42)}.react-site .guide-stack .is-back-left{top:58px;left:0;transform:rotate(-7deg)}.react-site .guide-stack .is-back-right{top:22px;right:0;transform:rotate(6deg)}.react-site .guide-stack .is-front{z-index:1;border-color:rgba(163,244,189,.28);top:84px;left:50%;transform:translate(-50%)}.react-site .guide-hero.is-guide .site-page-hero-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);align-items:end;min-height:0;padding-block:clamp(16px,2vw,32px) 0}.react-site .product-page .guide-hero.is-guide h1{max-width:22ch;margin-top:22px;font-size:clamp(38px,4.3vw,64px);line-height:1.05}.react-site .guide-hero .guide-cover.is-hero{max-width:320px;margin-left:auto;box-shadow:0 28px 60px rgba(3,10,7,.42)}.react-site .guide-crumb{color:#b4d5a5;align-items:center;gap:10px;font-size:15px;display:inline-flex}.react-site .guide-crumb svg{transform:rotate(180deg)}.react-site .guide-crumb:hover{text-underline-offset:5px;text-decoration:underline}.react-site .guide-crumb.is-foot{color:#28653e}.react-site .guide-facts{border-top:1px solid rgba(237,245,230,.16);grid-template-columns:repeat(4,minmax(0,1fr));margin:40px 0 0;display:grid}.react-site .guide-facts>div{padding:16px 20px 0 0}.react-site .guide-facts dt{font:400 .6875rem/1.3 var(--mono,"Geist Mono", monospace);letter-spacing:.08em;text-transform:uppercase;color:#9dbb9f}.react-site .guide-facts dd{color:#e3ecdd;margin:8px 0 0;font-size:16px}.react-site .guide-facts a{color:#a3f4bd;text-underline-offset:4px;-webkit-text-decoration:underline rgba(163,244,189,.45);text-decoration:underline rgba(163,244,189,.45)}.react-site .guide-featured{border-bottom:1px solid var(--line,#dfe5e1);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(40px,6vw,104px);padding-bottom:clamp(56px,6vw,96px);display:grid}.react-site .guide-featured-cover{max-width:440px;display:block}.react-site .guide-featured-cover .guide-cover,.react-site .guide-card .guide-cover{transition:transform .28s var(--m-ease,cubic-bezier(.16, 1, .3, 1)), box-shadow .28s var(--m-ease,cubic-bezier(.16, 1, .3, 1))}.react-site .guide-featured-cover:hover .guide-cover,.react-site .guide-card:hover .guide-cover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(19,37,31,.16)}.react-site .guide-kicker{font:400 .75rem/1.4 var(--mono,"Geist Mono", monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--green,#087c55)}.react-site .guide-featured h3{letter-spacing:-.04em;max-width:22ch;margin-top:18px;font-size:clamp(32px,3.4vw,50px);font-weight:540;line-height:1.04}.react-site .guide-featured-title{letter-spacing:-.01em;margin-top:28px;font-size:19px;font-weight:500}.react-site .guide-featured-title a:hover{color:#23734a;text-underline-offset:4px;text-decoration:underline}.react-site .guide-featured-standfirst{color:#4f6756;max-width:60ch;margin-top:10px;font-size:17px;line-height:1.65}.react-site .guide-featured-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px;display:flex}.react-site .guide-meta{font:400 .8125rem/1.4 var(--mono,"Geist Mono", monospace);letter-spacing:.02em;color:#66766c}.react-site .guide-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,2.6vw,40px);margin-top:clamp(56px,6vw,88px);display:grid}.react-site .guide-card{flex-direction:column;min-width:0;display:flex}.react-site .guide-card .guide-meta{margin-top:22px}.react-site .guide-card h3{letter-spacing:-.02em;margin-top:8px;font-size:21px;font-weight:540;line-height:1.22;transition:color .2s}.react-site .guide-card:hover h3{color:#23734a}.react-site .guide-card p{color:#4f6756;margin-top:10px;font-size:15.5px;line-height:1.6}.react-site .guide-method{align-items:start}.react-site .guide-practices{margin:36px 0 0}.react-site .guide-practices>div{border-top:1px solid #cfdcca;padding:18px 0}.react-site .guide-practices>div:last-child{border-bottom:1px solid #cfdcca}.react-site .guide-practices dt{letter-spacing:-.01em;font-size:17px;font-weight:540}.react-site .guide-practices dd{color:#4f6756;margin:6px 0 0;font-size:15.5px;line-height:1.6}.react-site .guide-sources{background:#fff;border:1px solid #d7e1d2;border-radius:12px;padding:clamp(26px,3vw,40px)}.react-site .site-feature-split .guide-sources>h3{letter-spacing:-.015em;font-size:20px;font-weight:540}.react-site .guide-sources ul{margin:18px 0 0;padding:0;list-style:none}.react-site .guide-sources li{border-top:1px solid #e3eadf}.react-site .guide-sources li:last-child{border-bottom:1px solid #e3eadf}.react-site .guide-sources li a{grid-template-columns:96px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:14px 0;display:grid}.react-site .guide-sources li span{font:400 .6875rem/1.4 var(--mono,"Geist Mono", monospace);letter-spacing:.07em;text-transform:uppercase;color:#66766c}.react-site .guide-sources li strong{font-size:15.5px;font-weight:500;line-height:1.45}.react-site .guide-sources li svg{color:#447d4d;align-self:center;transition:transform .2s}.react-site .guide-sources li a:hover strong{color:#23734a;text-underline-offset:4px;text-decoration:underline}.react-site .guide-sources li a:hover svg{transform:translate(2px,-2px)}.react-site .site-feature-split .guide-sources>p.site-smallprint{color:#526a59;margin-top:20px;font-size:13px}.react-site .guide-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:clamp(40px,6vw,112px);padding-block:clamp(48px,5vw,80px) clamp(40px,4vw,64px);display:grid}.react-site .guide-aside{position:sticky;top:108px}.react-site .guide-aside nav h2{font:400 .6875rem/1.3 var(--mono,"Geist Mono", monospace);letter-spacing:.08em;text-transform:uppercase;color:#66766c;padding-bottom:12px}.react-site .guide-aside ul{border-top:1px solid var(--line,#dfe5e1);margin:0;padding:0;list-style:none}.react-site .guide-aside li{border-bottom:1px solid var(--line,#dfe5e1)}.react-site .guide-aside li a{color:#46584c;padding:10px 0;font-size:14.5px;line-height:1.45;display:block}.react-site .guide-aside li a:hover{color:#23734a}.react-site .guide-download{text-align:left;justify-content:space-between;gap:10px;width:100%;margin-top:28px;padding-inline:16px}.react-site .guide-prose{color:#26372d;min-width:0;max-width:72ch;font-size:17.5px;line-height:1.75}.react-site .guide-prose>p:first-child{border-left:2px solid var(--green,#087c55);color:#4f6756;margin:0 0 44px;padding-left:18px;font-size:15px;line-height:1.7}.react-site .guide-prose h2{border-top:1px solid var(--line,#dfe5e1);letter-spacing:-.035em;margin:clamp(56px,5vw,84px) 0 0;padding-top:26px;scroll-margin-top:108px;font-size:clamp(27px,2.6vw,36px);font-weight:540;line-height:1.12}.react-site .guide-prose h3{letter-spacing:-.015em;color:#16281f;margin:40px 0 0;font-size:20px;font-weight:560;line-height:1.3}.react-site .guide-prose p,.react-site .guide-prose ul,.react-site .guide-prose ol{margin:20px 0 0}.react-site .guide-prose li{margin-top:10px;padding-left:4px}.react-site .guide-prose li::marker{color:#8ba192}.react-site .guide-prose li:has(>input[type=checkbox]){margin-left:-1.4em;padding-left:0;list-style:none}.react-site .guide-prose input[type=checkbox]{appearance:none;vertical-align:-3px;background:#fff;border:1.5px solid #8fa596;border-radius:4px;width:17px;height:17px;margin:0 12px 0 0}.react-site .guide-prose strong{color:#13251f;font-weight:600}.react-site .guide-prose a{color:#14603f;text-underline-offset:.22em;overflow-wrap:anywhere;-webkit-text-decoration:underline #9ccdb2;text-decoration:underline #9ccdb2}.react-site .guide-prose a:hover{-webkit-text-decoration-color:var(--green,#087c55);text-decoration-color:var(--green,#087c55)}.react-site .guide-prose code{font:400 .82em/1.4 var(--mono,"Geist Mono", monospace);color:#26372d;background:#eef3ec;border-radius:4px;padding:2px 6px}.react-site .guide-prose blockquote{border-left:2px solid var(--green,#087c55);background:#f4f8ef;margin:28px 0 0;padding:20px 24px}.react-site .guide-prose blockquote p{margin:0}.react-site .guide-prose table{border-collapse:collapse;width:100%;margin-top:30px;font-size:14.5px;display:block;overflow-x:auto}.react-site .guide-prose thead th{text-align:left;font:400 .6875rem/1.3 var(--mono,"Geist Mono", monospace);letter-spacing:.07em;text-transform:uppercase;color:#4f6756;white-space:nowrap;border-bottom:1px solid #c8d6c9;padding:0 16px 12px 0}.react-site .guide-prose tbody td{border-bottom:1px solid var(--line,#dfe5e1);vertical-align:top;font-variant-numeric:tabular-nums;padding:13px 16px 13px 0;line-height:1.6}.react-site .guide-foot{border-top:1px solid var(--line,#dfe5e1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding-block:clamp(40px,4vw,64px);display:flex}.react-site .guide-next{border:1px solid var(--line,#dfe5e1);border-radius:12px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:20px;max-width:580px;padding:14px 22px 14px 14px;transition:border-color .2s,background .2s;display:grid}.react-site .guide-next .guide-cover{border-radius:6px}.react-site .guide-next small{font:400 .6875rem/1.3 var(--mono,"Geist Mono", monospace);letter-spacing:.08em;text-transform:uppercase;color:#66766c;display:block}.react-site .guide-next strong{letter-spacing:-.015em;margin-top:6px;font-size:18px;font-weight:540;line-height:1.3;display:block}.react-site .guide-next>svg{color:#447d4d;transition:transform .2s}.react-site .guide-next:hover{background:#f6f9f3;border-color:#b7cbb9}.react-site .guide-next:hover>svg{transform:translate(4px)}@media (width<=1100px){.react-site .guide-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.react-site .guide-stack{height:480px}.react-site .guide-layout{grid-template-columns:minmax(0,1fr)}.react-site .guide-aside{border-bottom:1px solid var(--line,#dfe5e1);padding-bottom:32px;position:static}.react-site .guide-download{max-width:360px}.react-site .guide-prose{max-width:none}}@media (width<=850px){.react-site .guide-featured{grid-template-columns:minmax(0,1fr)}.react-site .guide-featured-cover{max-width:380px}.react-site .guide-hero.is-guide .site-page-hero-grid{grid-template-columns:minmax(0,1fr)}.react-site .guide-hero .guide-cover.is-hero{display:none}.react-site .guide-facts{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}}@media (width<=600px){.react-site .guide-shelf{grid-template-columns:minmax(0,1fr);gap:48px}.react-site .guide-stack{height:344px}.react-site .guide-stack .guide-cover{width:58%}.react-site .guide-stack .is-back-left{left:3%;transform:rotate(-4deg)}.react-site .guide-stack .is-back-right{right:3%;transform:rotate(4deg)}.react-site .guide-sources li a{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.react-site .guide-sources li span{grid-column:1/-1}.react-site .guide-next{grid-template-columns:52px minmax(0,1fr)}.react-site .guide-next>svg{display:none}}@media (prefers-reduced-motion:reduce){.react-site .guide-featured-cover .guide-cover,.react-site .guide-card .guide-cover{transition:none}.react-site .guide-featured-cover:hover .guide-cover,.react-site .guide-card:hover .guide-cover{transform:none}}