@layer pages{.pg-exp{position:relative}.pg-exp__head{padding-block:var(--section-sm) var(--space-64)}.pg-exp__head-grid{row-gap:var(--space-24)}.pg-exp__back{font-size:var(--fs-small);justify-self:start}.pg-arrow--back{scale:-1 1}:is(.pg-exp__back,.pg-exp__end-back):is(:hover,:focus-visible) .pg-arrow--back{translate:calc(-2 * var(--pixel-size)) 0}.pg-exp__kicker{margin-block-start:var(--space-24);display:block}.pg-exp__kicker .pg-kicker__index{font-size:var(--fs-kicker);line-height:var(--lh-kicker)}.pg-exp__title{--col-md:1 / -1;--col-lg:1 / 11}.pg-exp__lede{--col-md:3 / -1;--col-lg:5 / 12;margin-block-start:var(--space-8)}.pg-exp--stage-only .pg-exp__head{padding-block-end:0}@media (width<=767px){.pg-exp__head{padding-block:var(--section-sm-phone) var(--space-48)}.pg-exp__head-grid{row-gap:var(--space-16)}}.pg-exp__controls{align-items:end;gap:var(--space-24) var(--space-32);padding-block:var(--space-24);box-shadow:inset 0 1px 0 var(--line-strong);flex-wrap:wrap;display:flex}.pg-exp-field{gap:var(--space-8);border:0;flex:12rem;min-width:0;max-width:22rem;margin:0;padding:0;display:grid}.pg-exp-field--wide{flex-basis:100%;max-width:none}.pg-exp-field__label,.pg-exp-field legend{justify-content:space-between;gap:var(--space-12);font:var(--fw-meta) var(--fs-meta) / var(--lh-meta) var(--font-mono);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--paper-dim);padding:0;display:flex}.pg-exp-field output{color:var(--signal-strong);text-transform:none;font-variant-numeric:tabular-nums}.pg-exp-input,.pg-exp-select{width:100%;min-height:var(--target-min);padding:0 var(--space-12);background:var(--ink-raised);box-shadow:inset 0 -1px 0 var(--line-strong);color:var(--paper);font:var(--fw-body) var(--fs-small) / 1.2 var(--font-body);border:0;margin:0}.pg-exp-input:hover,.pg-exp-select:hover{box-shadow:inset 0 -1px 0 var(--paper-faint)}.pg-exp-select option{background:var(--ink-raised);color:var(--paper)}.pg-exp-range{width:100%;min-height:var(--target-min);accent-color:var(--signal);margin:0}.pg-exp-actions{align-items:center;gap:var(--space-12) var(--space-16);flex-wrap:wrap;display:flex}@media (width>=768px){.pg-exp__controls>.pg-exp-actions{margin-inline-start:auto}}.pg-exp-choices{gap:var(--space-8);flex-wrap:wrap;display:flex}.pg-exp-choice{display:inline-flex;position:relative}.pg-exp-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.pg-exp-choice .pg-chip{min-height:var(--target-min)}.pg-exp-choice input:hover+.pg-chip{color:var(--paper);background:var(--ink-raised)}.pg-exp-choice input:checked+.pg-chip{background:var(--signal);color:var(--signal-ink);box-shadow:none}.pg-exp-choice input:focus-visible+.pg-chip{outline:2px solid var(--signal);outline-offset:3px}.pg-exp-choice input:disabled+.pg-chip{opacity:.45}.pg-exp-check{align-items:center;gap:var(--space-12);min-height:var(--target-min);font:var(--fw-meta) var(--fs-meta) / var(--lh-meta) var(--font-mono);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--paper-dim);cursor:pointer;display:inline-flex}.pg-exp-check input{width:var(--space-16);height:var(--space-16);accent-color:var(--signal);margin:0}button.pg-chip{min-height:var(--target-min);cursor:pointer}button.pg-chip.is-on{background:var(--signal);color:var(--signal-ink);box-shadow:none}button.pg-chip :is(small,code){font:inherit;color:inherit;opacity:.72}button.pg-chip:has(small,code){padding-block:var(--space-12);line-height:var(--lh-meta);white-space:normal;text-align:start;display:inline-block}button.pg-chip small{margin-inline-start:var(--space-8)}.pg-exp__stage{position:relative}.pg-exp-frame{background:var(--ink-raised);position:relative;overflow:hidden}.pg-exp-loading{z-index:1;font:var(--fw-meta) var(--fs-meta) / var(--lh-meta) var(--font-mono);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--paper-faint);pointer-events:none;place-items:center;margin:0;display:grid;position:absolute;inset:0}html:not(.js) .pg-exp-loading{display:none}.pg-exp-tag{z-index:2;padding:var(--space-4) var(--space-8);background:var(--ink);font:var(--fw-meta) var(--fs-meta) / var(--lh-meta) var(--font-mono);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--paper-dim);pointer-events:none;margin:0;position:absolute}.pg-exp-panel{background:var(--ink-raised);grid-template-rows:auto 1fr;min-width:0;display:grid}.pg-exp-panel__head{justify-content:space-between;align-items:center;gap:var(--space-8) var(--space-16);min-height:var(--target-min);padding:var(--space-8) var(--space-16);box-shadow:inset 0 -1px 0 var(--line);font:var(--fw-meta) var(--fs-meta) / var(--lh-meta) var(--font-mono);letter-spacing:var(--tr-meta);text-transform:uppercase;color:var(--paper-dim);flex-wrap:wrap;display:flex}.pg-exp-panel__head code{color:var(--signal-strong);text-transform:none}.pg-exp-panel__status{color:var(--paper);text-transform:none}.pg-exp-panel pre,.pg-exp-code pre{padding:var(--space-16);font:var(--fw-meta) var(--fs-meta) / calc(2 * var(--fs-meta)) var(--font-mono);color:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;overflow:auto}.pg-exp-panel pre{max-height:calc(40 * var(--space-12))}.pg-exp-panel pre:focus-visible,.pg-exp-code pre:focus-visible{outline-offset:calc(-1 * var(--space-4))}.pg-exp-code{margin-block:var(--space-32);background:var(--ink-raised)}.pg-prose .pg-exp-code pre{padding:var(--space-16);box-shadow:none;background:0 0}.pg-exp__after,.pg-exp-block+.pg-exp-block{margin-block-start:var(--space-64)}.pg-exp-block__label{margin-block-end:var(--space-16)}@media (width<=767px){.pg-exp__after,.pg-exp-block+.pg-exp-block{margin-block-start:var(--space-48)}}.pg-exp__foot{margin-block-start:var(--section-sm)}.pg-exp__foot>.pg-grid{row-gap:var(--space-48);align-items:start}.pg-exp__notes{--col-md:1 / -1;--col-lg:1 / 6;gap:var(--space-16);box-shadow:inset 0 1px 0 var(--line-strong);padding-block-start:var(--space-24);display:grid}.pg-exp__notes p{max-width:52ch;font-size:var(--fs-small);line-height:var(--lh-small);color:var(--paper-dim)}.pg-exp__notes a{color:var(--paper)}.pg-exp__build{--col-md:1 / -1;--col-lg:7 / 13;box-shadow:inset 0 1px 0 var(--line-strong)}.pg-exp__build:first-child{--col-lg:1 / 9}.pg-exp__summary{justify-content:space-between;align-items:center;gap:var(--space-16);min-height:var(--target-min);padding-block:var(--space-24);cursor:pointer;list-style:none;display:flex}.pg-exp__summary::-webkit-details-marker{display:none}.pg-exp__summary-title{font-size:var(--fs-h3);line-height:var(--lh-h3);letter-spacing:var(--tr-h3);font-weight:var(--fw-h3);transition:color var(--dur-160) var(--ease-out)}.pg-exp__summary:hover .pg-exp__summary-title{color:var(--signal-strong)}.pg-exp__summary-mark{width:calc(7 * var(--pixel-size));height:calc(7 * var(--pixel-size));color:var(--signal);flex:none;position:relative}.pg-exp__summary-mark:before,.pg-exp__summary-mark:after{content:"";background:currentColor;position:absolute}.pg-exp__summary-mark:before{inset:calc(3 * var(--pixel-size)) 0}.pg-exp__summary-mark:after{inset:0 calc(3 * var(--pixel-size));transition:scale var(--dur-160) var(--ease-out)}.pg-exp__build[open] .pg-exp__summary-mark:after{scale:1 0}.pg-exp__build-body{padding-block-end:var(--space-32)}.pg-exp__build-body>p:last-child{font:var(--fw-meta) var(--fs-meta) / var(--lh-meta) var(--font-mono);letter-spacing:var(--tr-meta);color:var(--paper-faint)}.pg-exp__build-body>p:last-child code{box-shadow:none;color:var(--paper-dim);font:inherit;background:0 0;padding:0}.pg-exp__build-body>p:last-child a{color:var(--paper-dim)}.pg-exp__end{margin-block-start:var(--section-sm);padding-block-end:var(--section-sm)}.pg-exp__end>.pg-grid{row-gap:var(--space-32);box-shadow:inset 0 1px 0 var(--line-strong);align-items:end;padding-block-start:var(--space-32)}.pg-exp__end-back{--col-md:1 / 4;--col-lg:1 / 5;font-size:var(--fs-small);justify-self:start}.pg-exp__next{--col-md:4 / -1;--col-lg:6 / 13;align-items:end;gap:var(--space-12) var(--space-24);color:var(--paper);grid-template-columns:minmax(0,1fr) auto;display:grid}.pg-exp__next-kicker{grid-column:1/-1}.pg-exp__next-name{transition:color var(--dur-160) var(--ease-out)}.pg-exp__next .pg-arrow{margin-block-end:var(--space-12)}.pg-exp__next:is(:hover,:focus-visible) .pg-exp__next-name{color:var(--signal-strong)}.pg-exp__next:is(:hover,:focus-visible) .pg-arrow{translate:calc(2 * var(--pixel-size)) 0}@media (width<=767px){.pg-exp__foot{margin-block-start:var(--section-sm-phone)}.pg-exp__end{margin-block-start:var(--section-sm-phone);padding-block-end:var(--section-sm-phone)}}@media (prefers-reduced-motion:reduce){.pg-exp__summary-mark:after,.pg-exp__summary-title,.pg-exp__next-name{transition:none}}html.pg-embed :is(.pg-exp__head,.pg-exp__after,.pg-exp__foot,.pg-exp__end,[data-embed-hide]){display:none}html.pg-embed .pg-exp{padding-block:var(--space-24)}html.pg-embed .pg-exp__controls{box-shadow:none;padding-block-start:0}}