.pg__action-tooltip{color:#314158;letter-spacing:.01em;white-space:nowrap;pointer-events:none;position-area:top;position-try-fallbacks:flip-block, flip-inline;justify-self:anchor-center;background:#fefefe;border:1px solid #d7dee7;border-radius:.7rem;margin:.25rem;padding:.38rem .62rem;font:550 .76rem/1.2 system-ui,sans-serif;inset:auto;overflow:clip;box-shadow:0 16px 28px -20px #0f172a59,0 8px 14px -10px #0f172a33}.pg__toolbar[data-astro-cid-l7kpzwwa]{background:var(--blue-900);box-shadow:inset 0 0 0 1px var(--blue-700);justify-content:space-between;align-items:center;gap:1rem;display:flex}.pg__tabs[data-astro-cid-l7kpzwwa]{gap:0;display:flex}.pg__tab[data-astro-cid-l7kpzwwa]{cursor:pointer;color:var(--blue-muted-comment);text-box:cap alphabetic;font-variation-settings:"GRAD" 300;border:0;border-block-width:2.5px;border-style:solid;border-block-color:var(--active-tab,#0000) #0000;box-shadow:inset 0 6px 12px -9px oklch(from var(--active-tab) l c h / .7), 0 -6px 12px -10px oklch(from var(--active-tab) l c h / .7);background:0 0;border-block-end-width:1px;border-radius:0;padding:.75rlh 1.5rlh;font-family:system-ui;font-size:.9rem;font-weight:500;position:relative}.pg__tab[data-astro-cid-l7kpzwwa]:nth-child(1 of .pg__tab){border-radius:1rem 0 0;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:2.5rem 0 0}}.pg__tab-file[data-astro-cid-l7kpzwwa]{color:var(--blue-muted-comment);font-size:80%;font-weight:450}.pg__tab[data-astro-cid-l7kpzwwa][data-changed=true]:after{content:"";background:var(--green-100);width:.4rlh;height:.4rlh;box-shadow:0 0 0 2px var(--blue-900);border-radius:999px;position:absolute;inset-block-start:50%;inset-inline-end:.8rlh;translate:0 -50%}.pg__tab[data-astro-cid-l7kpzwwa][aria-selected=true]{color:var(--gray-50);background:var(--blue-800);--active-tab:oklch(from var(--green-100) l 100% h);font-variation-settings:"GRAD" 500}.pg__tab[data-astro-cid-l7kpzwwa]:focus-visible{outline:2px solid var(--blue-muted);z-index:1}.pg__toolbar[data-astro-cid-l7kpzwwa] .pg__step-icon--done,button[data-astro-cid-l7kpzwwa][data-action=step-next][data-step-state=done] .pg__step-icon--next{display:none}button[data-astro-cid-l7kpzwwa][data-action=step-next][data-step-state=done] .pg__step-icon--done{display:inline-block}.pg__buttons[data-astro-cid-l7kpzwwa] button[data-astro-cid-l7kpzwwa]{interest-delay:.2s 80ms;color:#fff;cursor:pointer;background:#172541;border:0;border-radius:.25rlh;padding:.2rlh .4rlh;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:2rem}& svg{vertical-align:middle}&:hover:not(:disabled){background:#1f3152}&:interest-source:not(:disabled){background:#1f3152}&:active:not(:disabled){background:#132039;scale:.98}&:disabled{opacity:.3;cursor:not-allowed}&[data-step-state=done]:disabled{opacity:1;cursor:default;color:oklch(100% 5.96046e-8 90/.8);background:oklch(26.7567% .0559509 263.036/.5)}&:focus-visible{outline:2px solid var(--green-100);outline-offset:2px}}.pg__buttons[data-astro-cid-l7kpzwwa]{grid-auto-flow:column;align-items:center;gap:.25rlh;margin-inline:.5rlh .75rlh;display:grid}.steps[data-astro-cid-l7kpzwwa]{font-family:var(--font-input);color:var(--btn-bg);font-size:.7rem}.pg__editor[data-astro-cid-unxoqj27]{white-space:pre;color:#ffd493;min-width:0;outline:none;flex:1;min-block-size:190%;margin-block:0;padding-inline-end:.75rlh;display:block}.pg__editor-container[data-astro-cid-unxoqj27]{overscroll-behavior-block:none;padding:0 0 .75rlh .75rlh;display:none;&[data-container=html]{padding-block-start:.75rlh}}.pg__editor-container[data-astro-cid-unxoqj27]:not([hidden]){overflow-block:auto;grid:auto-flow min-content/auto 1fr;gap:0 1rlh;block-size:100%;display:grid}.pg__editor-container[data-astro-cid-unxoqj27][data-container=html]:not([hidden]){grid:none / auto 1fr}.pg__editor-container[data-astro-cid-unxoqj27][data-container=css]:not([hidden]),.pg__editor-container[data-astro-cid-unxoqj27][data-container=js]:not([hidden]){grid:auto-flow minmax(.75rlh,min-content) minmax(.75rlh,auto)/auto 1fr;& .pg__line-numbers,& .pg__editor{grid-row:2}}.pg__collapse[data-astro-cid-unxoqj27]{grid:auto / subgrid;place-items:center start;gap:inherit;font-size:.85em;font-family:var(--font-input);cursor:pointer;color:var(--blue-muted);background:0 0;background:var(--blue-800);border:none;grid-column:1/-1;padding:.75rlh 0 .55rlh;display:grid;& .pg__collapse-text span{text-decoration:underline oklch(from currentColor l c h / .5) 2px;text-underline-position:from-font}}.pg__collapse--expanded[data-astro-cid-unxoqj27]{color:oklch(from var(--blue-muted) .95 c h)}.pg__collapse--expanded[data-astro-cid-unxoqj27] .pg__collapse-icon[data-astro-cid-unxoqj27]{rotate:90deg}.pg__collapse-icon[data-astro-cid-unxoqj27]{justify-self:end;block-size:18px;inline-size:18px;font-size:.7em;transition:rotate .15s;translate:25%}.pg__line-numbers[data-astro-cid-unxoqj27]{user-select:none;color:var(--blue-muted);text-align:right;white-space:pre;outline:.75rlh solid var(--blue-800);background:var(--blue-800);min-width:2ch;flex-shrink:0;min-block-size:190%;font-size:.9rlh;position:sticky;left:0}pre[data-astro-cid-unxoqj27]{font-family:var(--font-input,ui-monospace, monospace);font-size:.9rlh}.browser[data-astro-cid-qknfnqhj]{view-transition-name:browser;box-sizing:border-box;min-width:4rem;max-block-size:calc(100svh - (2 * var(--pad)));background:#fff;border:1px solid #dcdcdc;border-radius:1rem;grid:min-content 1fr/1fr;min-block-size:300px;display:grid;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;&[data-accessibility-hover-enabled] .viewport[data-astro-cid-qknfnqhj]{cursor:crosshair}resize:horizontal;user-select:none;anchor-name:--browser;anchor-scope:--viewport, --a11y-target;max-width:100%;overflow:auto clip;html:where([data-exercise-set]) &{max-block-size:100%}&:is(:hover,:active){--opacity:1}&:after{content:"";opacity:var(--opacity,0);position-anchor:--browser;position-area:center;background:var(--resizer-icon) 0 0 / contain no-repeat;pointer-events:none;z-index:2;place-self:end;block-size:1.6rem;inline-size:1.6rem;transition:opacity .2s;position:fixed;inset:-3px}@supports (corner-shape:squircle){corner-shape:squircle;border-radius:2.5rem}&>header[data-astro-cid-qknfnqhj]{view-transition-name:browser-header;background:#fff;border-start-start-radius:inherit;border-start-end-radius:inherit;grid:auto/1fr minmax(0,500px) 1fr;align-items:center;gap:1rlh;padding-block:.25rlh;padding-inline:.75rlh;display:grid;position:sticky;inset-block-start:0;&:not(:has(.browser-actions)){padding-inline-end:1.5rlh}& .browser-controls{gap:.2lh;display:flex;& span{aspect-ratio:1;background:var(--bg);inline-size:.75rem;box-shadow:inset 0 0 0 .5px oklch(from var(--bg) calc(l * .92) c h);border-radius:50%;&[data-color=red]{--bg:#fd5d61}&[data-color=yellow]{--bg:#f3cd00}&[data-color=green]{--bg:#35c759}}}& .browser-omnibar{color:#6c757d;text-align:center;user-select:none;background:#f1f1f1;border-radius:5rem;width:100%;margin-inline:auto;font-size:.875rem;overflow:clip;&[data-omnibar-mode=url]{overscroll-behavior-inline:none;white-space:nowrap;scrollbar-width:none;padding-inline:.9rem;overflow:auto hidden;&::-webkit-scrollbar{display:none}}}& .browser-actions{place-self:center end;align-items:center;gap:.35rem;display:flex}& .reference-button,& .hint-button,& .project-export-button,& .playground-share-button,& .accessibility-button,& .zoom-button{interest-delay:.2s 80ms;cursor:pointer;color:#495057;background:0 0;border:1px solid #0000;border-radius:.25rem;padding:.25rem;transition:background-color .18s,border-color .18s,color .18s;&:hover{background:#f1f1f1;border-color:#e5e7eb;& svg .bulb-path{fill:oklch(92% .22 101.41);color:oklch(53% .13 101.84);filter:drop-shadow(0 0 1px oklch(92% .22 101.41))}}&:interest-source{background:#f1f1f1;border-color:#e5e7eb;& svg .bulb-path{fill:oklch(92% .22 101.41);color:oklch(53% .13 101.84);filter:drop-shadow(0 0 1px oklch(92% .22 101.41))}}&:focus-visible{outline:2px solid var(--green-400);outline-offset:2px}&:disabled{opacity:.42;cursor:default}}& .reference-button,& .hint-button,& .project-export-button,& .playground-share-button,& .accessibility-button{align-items:center;gap:.35rem;padding-inline:.6rem;font-size:.8rem;font-weight:600;display:inline-flex}& .accessibility-button[aria-pressed=true]{color:#5b21b6;background:#ede9fe;border-color:#8b5cf6}& .zoom-button{place-self:center end;& svg{display:block}& .zoom-in-icon{display:none}}}& .reference-peek{opacity:0;visibility:hidden;pointer-events:none;z-index:3;background:#fefeff;border:1px solid #e5e7eb;border-radius:1.1rem;inline-size:min(24rem,100% - 1.5rem);padding:.5rem;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;inset-block-start:2.35rem;inset-inline-end:.75rem;transform:translateY(-.35rem)scale(.985);box-shadow:0 22px 44px -22px #0f172a73,0 14px 24px -18px #0f172a59}& .reference-popover,& .hint-popover,& .project-export-popover{border:1px solid var(--rule);background:var(--panel);opacity:0;max-block-size:calc(100svh - 2rem);inline-size:min(44rem,100vw - 2rem);transition:opacity .25s ease, transform .25s cubic-bezier(.22, 1, .36, 1), overlay .25s ease allow-discrete, display .25s ease allow-discrete;border-radius:1rem;margin:auto;padding:1rem;overflow:clip;transform:translateY(.75rem)scale(.97);box-shadow:0 0 0 1px #201b180a,0 24px 64px -16px #201b182e,0 8px 20px -8px #201b181a;&::backdrop{backdrop-filter:blur();transition:background-color .25s ease, backdrop-filter .25s ease, overlay .25s ease allow-discrete, display .25s ease allow-discrete;background:#201b1800}}:is(& .reference-popover:popover-open,& .hint-popover:popover-open,& .project-export-popover:popover-open){opacity:1;transform:translateY(0)scale(1);&::backdrop{backdrop-filter:blur(6px);background:#201b1847}}@starting-style{:is(& .reference-popover:popover-open,& .hint-popover:popover-open,& .project-export-popover:popover-open){opacity:0;transform:translateY(.75rem)scale(.97)}& .reference-popover:popover-open::backdrop{backdrop-filter:blur();background:#201b1800}& .hint-popover:popover-open::backdrop{backdrop-filter:blur();background:#201b1800}& .project-export-popover:popover-open::backdrop{backdrop-filter:blur();background:#201b1800}}& .reference-popover-close,& .hint-popover-close,& .project-export-popover-close{z-index:1;border:0px solid var(--rule);background:var(--panel);color:var(--accent);cursor:pointer;border-radius:999px;place-items:center;padding:0;transition:background-color .15s,color .15s,border-color .15s;display:grid;position:absolute;inset-block-start:.65rem;inset-inline-end:.65rem;& svg{block-size:2rem;inline-size:2rem}&:hover{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--rule) 60%, var(--accent) 40%)}&:active{transform:scale(.96)}&:focus-visible{outline:2px solid var(--green-400);outline-offset:2px}}& .reference-popover-body,& .hint-popover-body,& .project-export-popover-body{border-radius:.5rem;max-block-size:calc(100svh - 4rem);overflow:auto}&:has(.viewport[data-zoomed=out]){& .zoom-button{& .zoom-out-icon{display:none}& .zoom-in-icon{display:block}}& label{zoom:2}}&:has([data-reference-toggle]:is(:hover,:focus-visible)),&:has([data-reference-card]:is(:hover,:focus-within)){& .reference-button{color:#111827;background:#f1f1f1;border-color:#e5e7eb}& .reference-peek{opacity:1;visibility:visible;pointer-events:none;transform:translateY(0)scale(1);&:where(:has([data-multiple=true])){pointer-events:auto}}}&:has(.reference-popover:popover-open){& .reference-button{color:#111827;background:#f1f1f1;border-color:#dbe1e7}& .reference-peek{opacity:0;visibility:hidden;pointer-events:none}}&:has(.hint-popover:popover-open){& .hint-button{color:#111827;background:#f1f1f1;border-color:#dbe1e7}}&:has(.project-export-popover:popover-open){& .project-export-button{color:#111827;background:#f1f1f1;border-color:#dbe1e7}}& .viewport{overflow-block:auto;anchor-name:--viewport;background:#fff;place-self:stretch stretch;position:relative;&[data-zoomed=out]{zoom:.5}}& .browser-accessibility-highlight{z-index:20;anchor-name:--a11y-target;box-sizing:border-box;pointer-events:none;background:#7c3aed1a;border:2px solid #7c3aed;border-radius:.35rem;transition:opacity .12s;position:absolute;box-shadow:0 0 0 1px #ffffffd9,0 0 0 4px #7c3aed2e}& .browser-accessibility-target-outline{z-index:19;box-sizing:border-box;pointer-events:none;background:#7c3aed09;border:1px dashed #7c3aed;border-radius:.3rem;position:absolute;box-shadow:0 0 0 1px #ffffffe6,0 0 0 2px #7c3aed33}& .browser-accessibility-highlight[data-visible=false]{opacity:0}& .browser-accessibility-highlight span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#5b21b6;border-radius:.3rem;max-inline-size:14rem;padding:.22rem .42rem;font:650 .68rem/1.2 system-ui,sans-serif;position:absolute;inset-block-end:calc(100% + .25rem);inset-inline-start:-2px;overflow:hidden}& .browser-accessibility-pin{z-index:32;position-anchor:--a11y-target;position-area:inline-end center;position-try-order:most-inline-size;position-try-fallbacks:flip-inline;color:#5b21b6;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #7c3aed;border-radius:999px;margin:.45rem;padding:.38rem .55rem;font:650 .7rem/1 system-ui,sans-serif;position:absolute;box-shadow:0 .4rem 1rem -.55rem #0f172a8c}& .browser-accessibility-pin[hidden]{display:none}& .browser-accessibility-pin[aria-pressed=true]{color:#fff;background:#5b21b6}& .browser-accessibility-pin:focus-visible{outline:2px solid var(--green-400);outline-offset:2px}}.pg__a11y-inspector[data-astro-cid-obigzkqy]{z-index:30;position-anchor:--a11y-target;position-area:block-end;position-try-order:most-block-size;position-try-fallbacks:flip-block;inset-inline:anchor(inside --viewport);color:#202938;background:#fbfbfc;border:1px solid #d5d9df;border-radius:.45rem;outline:1px solid #7c3aed33;block-size:fit-content;min-block-size:0;max-block-size:stretch;max-inline-size:stretch;margin:.4rem;padding:.55rem .65rem .65rem;position:absolute;overflow:auto;box-shadow:0 0 0 1px #ffffffd9,0 0 0 4px #7c3aed2e,0 .45rem 1.4rem -.65rem #0f172a80,0 0 7.5rem #0003}.pg__a11y-inspector[data-astro-cid-obigzkqy][hidden]{display:none}.pg__a11y-output[data-astro-cid-obigzkqy]{gap:.45rem;min-inline-size:0;display:grid}.pg__a11y-summary{border-block-end:1px solid #d5d9df;flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;padding-block-end:.35rem;display:flex}.pg__a11y-summary strong{font-size:.76rem;line-height:1.2}.pg__a11y-summary code{color:#697181;overflow-wrap:anywhere;font-size:.66rem;line-height:1.2}.pg__a11y-sections{grid-template-columns:repeat(auto-fit,minmax(min(13rem,100%),1fr));gap:.75rem;display:grid}.pg__a11y-section{min-inline-size:0}.pg__a11y-section-title{color:#4c5565;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:max-content minmax(1rem,1fr);align-items:center;gap:.4rem;margin:0 0 .25rem;font-size:.62rem;font-weight:700;line-height:1;display:grid}.pg__a11y-section-title:after{content:"";background:#d5d9df;block-size:1px}.pg__a11y-section dl{gap:.16rem;margin:0;display:grid}.pg__a11y-field{grid-template-columns:minmax(4.5rem,auto) minmax(0,1fr);align-items:baseline;gap:.45rem;display:grid}.pg__a11y-field dt{color:#606672;font:500 .78rem/1.25 system-ui,sans-serif}.pg__a11y-field dd{color:#202938;text-align:end;min-inline-size:0;font:600 .78rem/1.25 var(--font-input), ui-monospace, monospace;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:end;align-items:baseline;gap:0 .28rem;margin:0;display:flex}.pg__a11y-field dd span{text-overflow:ellipsis;text-wrap:nowrap;max-width:24ch;overflow:clip}.pg__a11y-field dd small{color:#858c98;font:450 .69rem/1.25 system-ui,sans-serif}.pg__a11y-field dd small:before{content:"·";margin-inline-end:.28rem}.pg__a11y-field[data-missing=true] dd span{color:#9a5b16;font-style:italic}.pg__a11y-missing{color:#7a430a;background:#fff8ed;border:1px dashed #d59c55;border-radius:.4rem;margin:0;padding:.45rem;font-size:.78rem}reference-gallery[data-astro-cid-4rcq2swl]{min-inline-size:0;display:block}.slides[data-astro-cid-4rcq2swl]{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}figure[data-astro-cid-4rcq2swl]{scroll-snap-align:start;scroll-snap-stop:always;min-inline-size:0;margin:0;position:relative}img[data-astro-cid-4rcq2swl]{border-radius:.75rem;block-size:auto;inline-size:100%;display:block}@supports (scroll-marker-group:after){.multiple[data-astro-cid-4rcq2swl]{scroll-marker-group:after;scrollbar-width:none;& figcaption{display:none}&::scroll-marker-group{justify-content:center;gap:.5ch;block-size:.5rlh;margin-top:4px;display:flex}& figure{&::scroll-marker{content:"";aspect-ratio:1;background-color:#0000;border:2px solid #000;border-radius:50%;height:stretch;display:inline-block;overflow:hidden}&::scroll-marker:target-current{background-color:var(--gray-900)}}}}.reference-peek .multiple[data-astro-cid-4rcq2swl] img[data-astro-cid-4rcq2swl]{object-fit:contain}.multiple[data-astro-cid-4rcq2swl]{& img{object-fit:contain}&>figure[data-astro-cid-4rcq2swl]{grid-template-rows:1fr;display:grid}}.multiple[data-astro-cid-4rcq2swl]>[data-astro-cid-4rcq2swl]:nth-child(n+2){& img{block-size:0;min-block-size:100%}}figcaption[data-astro-cid-4rcq2swl]{text-align:center;padding:.5rem;font-size:.85rem}.grid-tools[data-astro-cid-4rcq2swl],.grid-overlay[data-astro-cid-4rcq2swl]{display:none}.reference-popover .grid-tools[data-astro-cid-4rcq2swl]{padding:0 1.5rem .75rem 0;display:block}.grid-options[data-astro-cid-4rcq2swl]:not([hidden]){gap:.35rem;display:flex}.grid-actions[data-astro-cid-4rcq2swl]{flex-wrap:wrap;gap:.35rem;display:flex}.grid-actions[data-astro-cid-4rcq2swl] button[data-astro-cid-4rcq2swl]{font:inherit;border:1px solid var(--rule);background:var(--panel);block-size:2rem;inline-size:2rem;color:inherit;cursor:pointer;border-radius:.4rem;place-items:center;padding:0;display:inline-grid}.grid-actions[data-astro-cid-4rcq2swl] button[data-astro-cid-4rcq2swl][aria-pressed=true]{background:var(--accent);color:#fff}.grid-actions[data-astro-cid-4rcq2swl] button[data-astro-cid-4rcq2swl]:disabled{opacity:.45;cursor:default}.grid-status[data-astro-cid-4rcq2swl]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}reference-gallery[data-astro-cid-4rcq2swl][data-drawing=true] .slides[data-astro-cid-4rcq2swl]{touch-action:none;scroll-marker-group:none;overflow-x:hidden}.grid-overlay[data-astro-cid-4rcq2swl] [data-astro-cid-4rcq2swl][data-grid-preview]{stroke-dasharray:5 4;opacity:.7}.reference-popover .grid-overlay[data-astro-cid-4rcq2swl]{pointer-events:none;outline:0;display:block;position:absolute;overflow:hidden}.reference-popover reference-gallery[data-astro-cid-4rcq2swl][data-drawing=true] .grid-overlay[data-astro-cid-4rcq2swl]{pointer-events:auto;cursor:crosshair;touch-action:none}.grid-overlay[data-astro-cid-4rcq2swl] line{stroke:#f26;stroke-width:2px;filter:drop-shadow(0 0 1px #fff)}.grid-overlay[data-astro-cid-4rcq2swl]:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}[data-astro-cid-fjlrepht]:where(.pg__preview){block-size:100%;padding:1.5rlh}.pg__hint-content{gap:.75rem;display:grid}.pg__project-export{gap:.85rem;display:grid}.pg__project-export-title{color:var(--accent);margin:0;font-size:1rem;font-weight:700}.pg__project-export-lead{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.5}.pg__project-export-section{gap:.5rem;display:grid}.pg__project-export-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pg__project-export-head h3{letter-spacing:.03em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.8rem;font-weight:700}.pg__project-export-copy{border:1px solid color-mix(in srgb, var(--rule) 84%, var(--accent) 16%);background:color-mix(in srgb, var(--panel) 92%, white 8%);color:var(--ink-soft);font:inherit;cursor:pointer;border-radius:999px;padding:.22rem .65rem;font-size:.78rem;font-weight:600;transition:background-color .15s,border-color .15s,color .15s,transform .15s}.pg__project-export-copy:hover{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--rule) 50%, var(--accent) 50%)}.pg__project-export-copy:active{transform:scale(.98)}.pg__project-export-copy:focus-visible{outline:2px solid var(--green-400);outline-offset:2px}.pg__project-export-code{color:#eef0f9;font:500 .86rem/1.6 var(--font-input,ui-monospace, monospace);overscroll-behavior-block:none;white-space:pre;background:#071533;border-radius:.9rem;max-block-size:12rem;margin:0;padding:.8rem .9rem;overflow:auto}.pg__sharebar[data-astro-cid-4vwy7qis]{justify-content:flex-end;align-items:center;gap:.75rem;min-height:2.75rem;margin-bottom:-.1rem;display:flex}.pg__share-button[data-astro-cid-4vwy7qis]{appearance:none;border:1px solid var(--gray-1000);background:var(--gray-1000);color:#fff;font:inherit;cursor:pointer;white-space:nowrap;border-radius:.6rem;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:.88rem;text-decoration:none;transition:border-color .14s,background .14s,color .14s;display:inline-flex;&:hover{background:color-mix(in oklch, var(--gray-1000), white 8%);border-color:color-mix(in oklch, var(--gray-1000), white 8%)}&:active:not(:disabled){transition-duration:40ms}&:disabled{opacity:.45;cursor:not-allowed}}.pg[data-astro-cid-4vwy7qis]{grid:minmax(0,min-content)/auto 1fr;justify-content:start;align-items:start;gap:1rem;display:grid;&:not(:has(.pg__editor-wrap)){grid-template-columns:1fr}html[data-exercise-set] &{container:pg/inline-size}@container document (inline-size<=800px){grid:minmax(0,1fr) minmax(0,1fr)/100%;align-items:stretch;gap:.25rlh;padding:.25rlh;& .pg__editor-wrap{resize:none;width:auto;view-transition-name:editor;order:1;block-size:100%}&>[data-astro-cid-4vwy7qis]{overflow-block:auto}&:not(:has(.pg__editor-wrap)){grid:minmax(0,1fr)/100%}}}.pg__editor-wrap[data-astro-cid-4vwy7qis]{background:var(--blue-800);corner-shape:squircle;font-size:.9rlh;line-height:1.7;font-family:var(--font-input,ui-monospace, monospace);-webkit-font-smoothing:antialiased;max-block-size:calc(100svh - (2 * var(--pad)));resize:horizontal;width:48cqi;anchor-name:--editor;border-radius:1rem;grid:min-content/1fr;block-size:100%;display:grid;position:relative;overflow:hidden;box-shadow:0 39.275px 70px -14.275px #0000004d;&:is(:hover,:active){--opacity:1}html:where([data-exercise-set]) &{width:var(--width,calc(50cqi - .75rem))}&:after{content:"";opacity:var(--opacity,0);position-anchor:--editor;position-area:center;block-size:1.6rem;inline-size:1.6rem;mask:var(--resizer-icon) 0 0 / contain no-repeat;background:var(--btn-icon);pointer-events:none;z-index:2;place-self:end;transition:opacity .2s;position:fixed;inset:-3px}@supports (corner-shape:squircle){corner-shape:squircle;border-radius:2.5rem}}