._shell_1ecay_1{--playwright-paper:#f2f0eb;--playwright-ink:#101114;--playwright-muted:#5e626a;--playwright-line:#10111429;--playwright-blue:#1749db;--playwright-code:#111317;background:linear-gradient(to right, var(--playwright-line) 1px, transparent 1px), linear-gradient(to bottom, var(--playwright-line) 1px, transparent 1px), var(--playwright-paper);min-height:100svh;color:var(--playwright-ink);background-position:calc(50% - 1px) 0;background-size:72px 72px;overflow:hidden}._skipLink_1ecay_19{z-index:20;background:var(--playwright-blue);color:#fff;padding:.65rem .9rem;font:.72rem REL Mono,ui-monospace,monospace;position:fixed;inset:-5rem auto auto 1rem}._skipLink_1ecay_19:focus{inset-block-start:1rem}._header_1ecay_33,._main_1ecay_34,._footer_1ecay_35{border-inline:1px solid var(--playwright-line);background:#f2f0ebeb;width:min(100%,1680px);margin-inline:auto}._header_1ecay_33{border-block-end:1px solid var(--playwright-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;height:58px;display:flex}._brand_1ecay_51{border-inline-end:1px solid var(--playwright-line);letter-spacing:-.035em;align-items:center;gap:.6rem;height:100%;padding-inline:20px 24px;font-size:1rem;font-weight:600;display:inline-flex}._brandMark_1ecay_63{flex:none;width:24px;height:24px}._header_1ecay_33 nav{height:100%;display:flex}._header_1ecay_33 nav a{border-inline-start:1px solid var(--playwright-line);min-width:92px;height:100%;color:var(--playwright-muted);place-items:center;font:.64rem REL Mono,ui-monospace,monospace;transition:background-color .16s,color .16s;display:grid}:is(._header_1ecay_33 nav a:hover,._header_1ecay_33 nav a:focus-visible){background:var(--playwright-ink);color:#fff}._main_1ecay_34{background:#f2f0ebe0}._hero_1ecay_95{border-block-end:1px solid var(--playwright-line);grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(3rem,7vw,8rem);min-height:650px;padding:clamp(3rem,7vw,7rem) clamp(1.5rem,5vw,5rem);display:grid}._eyebrow_1ecay_105{color:var(--playwright-blue);letter-spacing:.08em;text-transform:uppercase;margin:0 0 1rem;font:.62rem REL Mono,ui-monospace,monospace}._hero_1ecay_95 h1{letter-spacing:-.074em;text-wrap:balance;max-width:11ch;margin:0;font-size:clamp(3.6rem,6.4vw,6.9rem);font-weight:450;line-height:.9}._lede_1ecay_123{max-width:58ch;color:var(--playwright-muted);margin:1.75rem 0 0;font-size:clamp(.95rem,1.25vw,1.08rem);line-height:1.65}._heroActions_1ecay_131{flex-wrap:wrap;gap:.65rem;margin-block-start:1.75rem;display:flex}._heroActions_1ecay_131 a{justify-content:center;align-items:center;gap:.45rem;min-height:46px;padding-inline:1rem;font:.65rem REL Mono,ui-monospace,monospace;display:inline-flex}._primaryAction_1ecay_148{background:var(--playwright-ink);color:#fff}:is(._primaryAction_1ecay_148:hover,._primaryAction_1ecay_148:focus-visible){background:var(--playwright-blue)}._textAction_1ecay_158{border:1px solid var(--playwright-line)}:is(._textAction_1ecay_158:hover,._textAction_1ecay_158:focus-visible){border-color:var(--playwright-ink);background:#ffffff80}._migrationPanel_1ecay_168,._codePanel_1ecay_169,._installPanel_1ecay_170{background:var(--playwright-code);color:#e8e9ed;border:1px solid #ffffff1a;min-width:0;box-shadow:1.25rem 1.25rem #1749db21}._panelBar_1ecay_178{color:#858994;border-block-end:1px solid #ffffff1a;justify-content:space-between;align-items:center;min-height:42px;padding-inline:1rem;font:.6rem REL Mono,ui-monospace,monospace;display:flex}._migrationPanel_1ecay_168 pre,._codePanel_1ecay_169 pre,._installPanel_1ecay_170 pre{color:#e8e9ed;margin:0;padding:clamp(1.25rem,3vw,2rem);font:.72rem/1.8 REL Mono,ui-monospace,monospace;overflow-x:auto}._migrationPanel_1ecay_168 pre{align-items:center;min-height:280px;display:flex}._proofStrip_1ecay_205{border-block-end:1px solid var(--playwright-line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}._proofStrip_1ecay_205>div{border-inline-end:1px solid var(--playwright-line);grid-template-columns:auto 1fr;align-items:baseline;gap:.8rem;min-width:0;padding:1.5rem clamp(1.25rem,3vw,2.5rem);display:grid}._proofStrip_1ecay_205>div:last-child{border-inline-end:0}._proofStrip_1ecay_205 dt{color:var(--playwright-blue);font:1.2rem REL Mono,ui-monospace,monospace}._proofStrip_1ecay_205 dd{color:var(--playwright-muted);margin:0;font-size:.76rem}._introGrid_1ecay_237,._getStarted_1ecay_238,._boundary_1ecay_239{border-block-end:1px solid var(--playwright-line);grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:clamp(2rem,7vw,8rem);padding:clamp(3.5rem,7vw,7rem) clamp(1.5rem,5vw,5rem);display:grid}._introGrid_1ecay_237 h2,._getStarted_1ecay_238 h2,._boundary_1ecay_239 h2,._sectionHeading_1ecay_250 h2{letter-spacing:-.062em;text-wrap:balance;margin:0;font-size:clamp(2.3rem,4.6vw,4.7rem);font-weight:450;line-height:.96}._introGrid_1ecay_237>div p,._installCopy_1ecay_260>p:not(._eyebrow_1ecay_105){max-width:64ch;color:var(--playwright-muted);margin:0 0 1rem;font-size:.9rem;line-height:1.75}._examples_1ecay_268{border-block-end:1px solid var(--playwright-line);padding:clamp(3.5rem,7vw,7rem) clamp(1.5rem,5vw,5rem)}._sectionHeading_1ecay_250{max-width:940px}._sectionHeading_1ecay_250>p:last-child{max-width:64ch;color:var(--playwright-muted);margin:1.5rem 0 0;font-size:.9rem;line-height:1.7}._sectionHeading_1ecay_250 code,._installCopy_1ecay_260 code{color:var(--playwright-blue);font:.82em REL Mono,ui-monospace,monospace}._exampleList_1ecay_291{border-block-start:1px solid var(--playwright-line);margin-block-start:clamp(3rem,6vw,6rem)}._example_1ecay_268{border-block-end:1px solid var(--playwright-line);grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr);gap:clamp(2rem,6vw,7rem);padding-block:clamp(2.5rem,5vw,5rem);display:grid}._example_1ecay_268:last-child{border-block-end:0}._exampleNumber_1ecay_308{color:var(--playwright-blue);font:.62rem REL Mono,ui-monospace,monospace}._exampleCopy_1ecay_313 h3{letter-spacing:-.05em;margin:1rem 0 0;font-size:clamp(1.8rem,3vw,3rem);font-weight:450;line-height:1}._exampleCopy_1ecay_313>p{max-width:45ch;color:var(--playwright-muted);margin:1rem 0 0;font-size:.86rem;line-height:1.65}._sourceLinks_1ecay_329{flex-direction:column;align-items:flex-start;gap:.65rem;margin-block-start:1.5rem;display:flex}._sourceLinks_1ecay_329 a,._installCopy_1ecay_260>a,._boundaryLink_1ecay_339{color:var(--playwright-blue);text-underline-offset:.25rem;font:.62rem REL Mono,ui-monospace,monospace;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}._sourceLinks_1ecay_329 a:hover,._installCopy_1ecay_260>a:hover,._boundaryLink_1ecay_339:hover{text-decoration-color:currentColor}._sourceLinks_1ecay_329 a:focus-visible{text-decoration-color:currentColor}._installCopy_1ecay_260>a:focus-visible{text-decoration-color:currentColor}._boundaryLink_1ecay_339:focus-visible{text-decoration-color:currentColor}._codePanel_1ecay_169{box-shadow:none}._codePanel_1ecay_169 pre{min-height:360px}._verified_1ecay_364{color:#79ddaa}._output_1ecay_368{background:#181b20;border-block-start:1px solid #ffffff1a;grid-template-columns:4rem minmax(0,1fr);gap:1rem;padding:.9rem 1rem;font:.61rem/1.5 REL Mono,ui-monospace,monospace;display:grid}._output_1ecay_368 span{color:#79ddaa}._output_1ecay_368 code{overflow-wrap:anywhere;color:#b8bbc3;min-width:0}._getStarted_1ecay_238{align-items:center}._installCopy_1ecay_260>p:not(._eyebrow_1ecay_105){margin-block-start:1.5rem}._installCopy_1ecay_260>a{margin-block-start:.75rem;display:inline-block}._installPanel_1ecay_170{box-shadow:none}._boundary_1ecay_239{grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr)}._boundaryLists_1ecay_409{background:var(--playwright-line);border:1px solid var(--playwright-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}._boundaryLists_1ecay_409>div{background:var(--playwright-paper);padding:clamp(1.25rem,3vw,2rem)}._boundaryLists_1ecay_409 h3{margin:0;font-size:.84rem}._boundaryLists_1ecay_409 p{color:var(--playwright-muted);margin:.8rem 0 0;font-size:.8rem;line-height:1.7}._boundaryLink_1ecay_339{grid-column:2;justify-self:start}._footer_1ecay_35{border-block-end:1px solid var(--playwright-line);grid-template-columns:auto 1fr auto;align-items:center;min-height:96px;display:grid}._footer_1ecay_35 p{color:var(--playwright-muted);margin:0;padding-inline:1.5rem;font-size:.76rem}._footer_1ecay_35>a:last-child{color:var(--playwright-blue);padding-inline:1.5rem;font:.62rem REL Mono,ui-monospace,monospace}@media (max-width:980px){._hero_1ecay_95{grid-template-columns:1fr}._hero_1ecay_95 h1{max-width:10ch;font-size:clamp(3.5rem,10vw,6rem)}._migrationPanel_1ecay_168{max-width:760px}._proofStrip_1ecay_205>div{grid-template-columns:1fr;gap:.3rem}._introGrid_1ecay_237,._getStarted_1ecay_238,._boundary_1ecay_239,._example_1ecay_268{grid-template-columns:1fr}._boundaryLink_1ecay_339{grid-column:1}}@media (max-width:640px){._shell_1ecay_1{background-size:56px 56px}._header_1ecay_33{height:56px}._brand_1ecay_51{padding-inline:16px 18px}._header_1ecay_33 nav a{min-width:68px}._hero_1ecay_95{min-height:0;padding-block:3.25rem}._hero_1ecay_95 h1{font-size:clamp(3.25rem,15vw,4.7rem)}._heroActions_1ecay_131{flex-direction:column;align-items:stretch}._migrationPanel_1ecay_168,._codePanel_1ecay_169,._installPanel_1ecay_170{box-shadow:none;border-inline:0;margin-inline:-1.5rem}._migrationPanel_1ecay_168 pre,._codePanel_1ecay_169 pre,._installPanel_1ecay_170 pre{padding:1.25rem 1.5rem;font-size:.66rem}._migrationPanel_1ecay_168 pre{min-height:230px}._proofStrip_1ecay_205{grid-template-columns:1fr}._proofStrip_1ecay_205>div{border-inline-end:0;border-block-end:1px solid var(--playwright-line);grid-template-columns:5rem 1fr}._proofStrip_1ecay_205>div:last-child{border-block-end:0}._boundaryLists_1ecay_409{grid-template-columns:1fr}._footer_1ecay_35{grid-template-columns:auto 1fr}._footer_1ecay_35 p{display:none}._footer_1ecay_35>a:last-child{text-align:end}}@media (prefers-contrast:more){._shell_1ecay_1{--playwright-muted:#3d4046;--playwright-line:#10111466}}@media (prefers-reduced-motion:reduce){._shell_1ecay_1{scroll-behavior:auto}}