.pg__toolbar[data-astro-cid-t7c6eqg6]{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--blue-900);box-shadow:inset 0 0 0 1px var(--blue-700)}.pg__tabs[data-astro-cid-t7c6eqg6]{display:flex;gap:0}.pg__tab[data-astro-cid-t7c6eqg6]{padding:.75rlh 1.5rlh;border:0;border-radius:0;background:transparent;cursor:pointer;position:relative;color:var(--blue-muted-comment);text-box:cap alphabetic;font-size:.9rem;font-family:system-ui;font-variation-settings:"GRAD" 300;font-weight:500;border-block-width:2.5px;border-style:solid;border-block-color:var(--active-tab, #0000) #0000;border-block-end-width:1px;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);:nth-child(1 of&){border-radius:1rem 0 0;@supports (corner-shape: squircle){border-radius:2.5rem 0 0;corner-shape:squircle}}}.pg__tab[data-astro-cid-t7c6eqg6][data-changed=true]:after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:.8rlh;translate:0 -50%;width:.4rlh;height:.4rlh;border-radius:999px;background:var(--green-100);box-shadow:0 0 0 2px var(--blue-900)}.pg__tab[data-astro-cid-t7c6eqg6][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-t7c6eqg6]:focus-visible{outline:2px solid var(--blue-muted);z-index:1}.pg__toolbar[data-astro-cid-t7c6eqg6] .pg__step-icon--done,button[data-astro-cid-t7c6eqg6][data-action=step-next][data-step-state=done] .pg__step-icon--next{display:none}button[data-astro-cid-t7c6eqg6][data-action=step-next][data-step-state=done] .pg__step-icon--done{display:inline-block}.pg__buttons[data-astro-cid-t7c6eqg6] button[data-astro-cid-t7c6eqg6]{color:#fff;background:#172541;padding:.2rlh .4rlh;border-radius:.25rlh;border:0;cursor:pointer;@supports (corner-shape: squircle){border-radius:2rem;corner-shape:squircle}svg{vertical-align:middle}&:hover:not(:disabled){background:#1f3152}&:active:not(:disabled){background:#132039;scale:.98}&:disabled{opacity:.3;cursor:not-allowed}&[data-step-state=done]:disabled{opacity:1;background:oklch(from #172541 l c h / .5);cursor:default;color:oklch(from #fff l c h / .8)}&:focus-visible{outline:2px solid var(--green-100);outline-offset:2px}}.pg__buttons[data-astro-cid-t7c6eqg6]{margin-inline:.5rlh .75rlh;display:grid;grid-auto-flow:column;gap:.25rlh;align-items:center}.steps[data-astro-cid-t7c6eqg6]{font-family:var(--font-input);color:var(--btn-bg);font-size:.7rem}.pg__editor[data-astro-cid-gv6vvvzq]{display:block;flex:1;min-width:0;white-space:pre;color:#ffd493;margin-block:0;outline:none;padding-inline-end:.75rlh}.pg__editor-container[data-astro-cid-gv6vvvzq]{display:none;padding:0 0 .75rlh .75rlh;&[data-container=html],&[data-container=js]{padding-block-start:.75rlh}}.pg__editor-container[data-astro-cid-gv6vvvzq]:not([hidden]){display:grid;grid:auto-flow min-content / auto 1fr;gap:0 1rlh;overflow-block:auto;block-size:100%}.pg__editor-container[data-astro-cid-gv6vvvzq][data-container=css]: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-gv6vvvzq]{display:grid;grid:auto / subgrid;grid-column:1 / -1;align-items:center;justify-items:start;gap:inherit;padding:.75rlh 0 .55rlh;background:none;border:none;font-size:.85em;font-family:var(--font-input);cursor:pointer;color:var(--blue-muted);position:sticky;top:0;background:var(--blue-800);.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-gv6vvvzq]{color:oklch(from var(--blue-muted) .95 c h)}.pg__collapse--expanded[data-astro-cid-gv6vvvzq] .pg__collapse-icon[data-astro-cid-gv6vvvzq]{rotate:90deg}.pg__collapse-icon[data-astro-cid-gv6vvvzq]{font-size:.7em;transition:rotate .15s;justify-self:end;inline-size:18px;block-size:18px;translate:25%}.pg__line-numbers[data-astro-cid-gv6vvvzq]{user-select:none;color:var(--blue-muted);text-align:right;min-width:2ch;flex-shrink:0;white-space:pre;font-size:.9rlh}pre[data-astro-cid-gv6vvvzq]{font-family:var(--font-input, ui-monospace, monospace);font-size:.9rlh}.browser[data-astro-cid-pn4hpwom]{view-transition-name:browser;position:relative;border-radius:1rem;box-sizing:border-box;overflow:clip;background:#fff;min-width:4rem;max-block-size:calc(100svh - (2 * var(--pad)));box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid gainsboro;display:grid;grid:min-content 1fr / 1fr;resize:horizontal;overflow-inline:auto;max-width:100%;user-select:none;anchor-name:--browser;&[data-astro-cid-pn4hpwom]:is(:hover,:active){--opacity: 1}&[data-astro-cid-pn4hpwom]:after{content:"";transition:opacity .2s ease;opacity:var(--opacity, 0);inline-size:1.6rem;block-size:1.6rem;position:fixed;position-anchor:--browser;position-area:center;place-self:end;inset:-3px;background:var(--resizer-icon) 0 0 / contain no-repeat;pointer-events:none;z-index:2}@supports (corner-shape: squircle){border-radius:2.5rem;corner-shape:squircle}>header{view-transition-name:browser-header;position:sticky;inset-block-start:0;display:grid;grid:auto / 1fr minmax(0,500px) 1fr;align-items:center;gap:1rlh;padding-block:.25rlh;padding-inline:.75rlh;background:#fff;border-start-start-radius:inherit;border-start-end-radius:inherit;&:not(:has(.zoom-button)){padding-inline-end:1.5rlh}.browser-controls{display:flex;gap:.2lh;span{aspect-ratio:1;inline-size:.75rem;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 .5px oklch(from var(--bg) calc(l*.92) c h);&[data-color=red]{--bg: #fd5d61}&[data-color=yellow]{--bg: #f3cd00}&[data-color=green]{--bg: #35c759}}}.browser-omnibar{background:#f1f1f1;border-radius:5rem;font-size:.875rem;color:#6c757d;width:100%;overflow:clip;text-align:center;margin-inline:auto;user-select:none}.zoom-button{place-self:center end;background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;&:hover{background:#f1f1f1}svg{display:block}.zoom-in-icon{display:none}}}&:has(.viewport[data-zoomed=out]){.zoom-button{.zoom-out-icon{display:none}.zoom-in-icon{display:block}}label{zoom:2}}.viewport{place-self:stretch;background:#fff;overflow-block:auto;anchor-name:--viewport;&[data-zoomed=out]{zoom:.5}}}[data-astro-cid-tyxlxmse]:where(.pg__preview){block-size:100%;padding:1.5rlh}.pg[data-astro-cid-tarfw5np]{display:grid;grid:minmax(0,min-content) / auto 1fr;justify-content:start;gap:1rem;align-items:start;&[data-astro-cid-tarfw5np]: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%;gap:.25rlh;align-items:stretch;padding:.25rlh;.pg__editor-wrap{resize:none;width:auto;order:1;block-size:100%;view-transition-name:editor}>*{overflow-block:auto}&:not(:has(.pg__editor-wrap)){grid:minmax(0,1fr) / 100%}}}.pg__editor-wrap[data-astro-cid-tarfw5np]{position:relative;background:var(--blue-800);border-radius:1rem;corner-shape:squircle;overflow:hidden;line-height:1.7;font-size:.9rlh;font-family:var(--font-input, ui-monospace, monospace);-webkit-font-smoothing:antialiased;box-shadow:0 39.275px 70px -14.275px #0000004d;display:grid;grid:min-content / 1fr;max-block-size:calc(100svh - (2 * var(--pad)));resize:horizontal;width:48cqi;block-size:100%;anchor-name:--editor;&[data-astro-cid-tarfw5np]:is(:hover,:active){--opacity: 1}:where(html[data-exercise-set]) &{width:var(--width, calc(50cqi - .75rem) )}&:after{content:"";transition:opacity .2s ease;opacity:var(--opacity, 0);inline-size:1.6rem;block-size:1.6rem;position:fixed;position-anchor:--editor;position-area:center;place-self:end;inset:-3px;mask:var(--resizer-icon) 0 0 / contain no-repeat;background:var(--btn-icon);pointer-events:none;z-index:2}@supports (corner-shape: squircle){border-radius:2.5rem;corner-shape:squircle}}.pg__toolbar[data-astro-cid-zqiqh53d]{display:grid;grid:auto / minmax(0,1fr) auto;align-items:center;gap:0;background:var(--blue-900);box-shadow:inset 0 0 0 1px var(--blue-700)}.pg__tabs[data-astro-cid-zqiqh53d]{display:flex;gap:0;overflow-inline:auto;scrollbar-width:none;mask:linear-gradient(90deg,red calc(100% - 1rem),transparent)}.pg__tab[data-astro-cid-zqiqh53d]{flex-shrink:0;display:flex;align-items:center;gap:.5ch;position:relative;padding:.75rlh 1.5rlh;border:0;border-radius:0;background:transparent;cursor:pointer;color:var(--blue-muted-comment);text-box:cap alphabetic;font-size:.9rem;font-family:system-ui;font-variation-settings:"GRAD" 300;font-weight:500;border-block-width:2.5px;border-style:solid;border-block-color:var(--active-tab, #0000) #0000;border-block-end-width:1px;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);:nth-child(1 of&){border-radius:1rem 0 0;@supports (corner-shape: squircle){border-radius:2.5rem 0 0;corner-shape:squircle}}}.pg__tab[data-astro-cid-zqiqh53d][data-changed=true]:after{content:"";position:absolute;inset-block-start:50%;inset-inline-end:.8rlh;translate:0 -50%;width:.4rlh;height:.4rlh;border-radius:999px;background:var(--green-100);box-shadow:0 0 0 2px var(--blue-900)}.pg__tab[data-astro-cid-zqiqh53d][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-zqiqh53d]:focus-visible{outline:2px solid var(--blue-muted);z-index:1}.pg__toolbar[data-astro-cid-zqiqh53d] .pg__step-icon--done,button[data-astro-cid-zqiqh53d][data-action=step-next][data-step-state=done] .pg__step-icon--next{display:none}button[data-astro-cid-zqiqh53d][data-action=step-next][data-step-state=done] .pg__step-icon--done{display:block}.pg__tab--add[data-astro-cid-zqiqh53d]{padding-inline:1rlh;color:var(--blue-muted-comment);opacity:.7;font-size:1rem;font-weight:400;transition:opacity .15s ease;display:inline-flex;align-items:center;justify-content:center;border-left:1px solid #172541;background:linear-gradient(90deg,var(--blue-900),#0000);svg{width:1lh;height:1lh}&:hover{opacity:1;background:var(--blue-700)}}.pg__tab--input[data-astro-cid-zqiqh53d]{outline:1px solid oklch(from var(--green-100) l c h / .1);outline-offset:-1px}.pg__tab-input[data-astro-cid-zqiqh53d]{min-width:6ch;field-sizing:content;padding:0 .3rlh;border:1px solid #0000;border-radius:4px;background:var(--blue-900, #1e3a5f);color:var(--gray-50);font-family:system-ui;font-size:inherit;@supports not (field-sizing: content){width:10ch}&[data-astro-cid-zqiqh53d]:focus{outline:1.5px solid var(--green-100);outline-offset:4px}&[data-astro-cid-zqiqh53d]::placeholder{color:var(--gray-400)}}.pg__tab-label[data-astro-cid-zqiqh53d]{position:relative}.pg__tab-delete[data-astro-cid-zqiqh53d]{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.3ch;padding:0;border:0;border-radius:50%;background:transparent;font-size:1em;line-height:1;color:var(--gray-400);cursor:pointer;transition:all .15s ease;svg{width:1lh;height:1lh;opacity:.7}&:hover{background:oklch(from var(--red-400) l c h / .2);color:var(--red-300);svg{opacity:1}}}.pg__buttons[data-astro-cid-zqiqh53d] button[data-astro-cid-zqiqh53d]{color:#fff;background:#172541;padding:.2rlh .4rlh;border-radius:.25rlh;border:0;cursor:pointer;@supports (corner-shape: squircle){border-radius:2rem;corner-shape:squircle}svg{vertical-align:middle}&:hover:not(:disabled){background:#1f3152}&:active:not(:disabled){background:#132039;scale:.98}&:disabled{opacity:.3;cursor:not-allowed}&[data-step-state=done]:disabled{opacity:1;background:oklch(from #172541 l c h / .5);cursor:default;color:oklch(from #fff l c h / .8)}&:focus-visible{outline:2px solid var(--green-100);outline-offset:2px}}.pg__buttons[data-astro-cid-zqiqh53d]{margin-inline:.5rlh .75rlh;display:grid;grid-auto-flow:column;gap:.25rlh;align-items:center}.steps[data-astro-cid-zqiqh53d]{font-family:var(--font-input);color:var(--btn-bg);font-size:.7rem}.pg__editor[data-astro-cid-bxf7zzqg]{display:block;flex:1;min-width:0;white-space:pre;color:#ffd493;margin-block:0;outline:none;padding-inline-end:.75rlh}.pg__editor-container[data-astro-cid-bxf7zzqg]{display:none;padding:.75rlh}.pg__editor-container[data-astro-cid-bxf7zzqg]:not([hidden]){display:grid;grid:auto-flow minmax(.75rlh,auto) / auto 1fr;gap:0 1rlh;overflow-block:auto;block-size:100%}.pg__line-numbers[data-astro-cid-bxf7zzqg]{user-select:none;color:var(--blue-muted);text-align:right;min-width:2ch;flex-shrink:0;white-space:pre;font-size:.9rlh}pre[data-astro-cid-bxf7zzqg]{font-family:var(--font-input, ui-monospace, monospace);font-size:.9rlh}.pg[data-astro-cid-2hdo37fh]{display:grid;grid:minmax(0,min-content) / auto 1fr;justify-content:start;gap:1rem;align-items:start;&[data-astro-cid-2hdo37fh]: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%;gap:.25rlh;align-items:stretch;padding:.25rlh;.pg__editor-wrap{resize:none;width:auto;order:1;block-size:100%;view-transition-name:editor}>*{overflow-block:auto}&:not(:has(.pg__editor-wrap)){grid:minmax(0,1fr) / 100%}}}.pg__editor-wrap[data-astro-cid-2hdo37fh]{position:relative;background:var(--blue-800);border-radius:1rem;corner-shape:squircle;overflow:hidden;line-height:1.7;font-size:.9rlh;font-family:var(--font-input, ui-monospace, monospace);-webkit-font-smoothing:antialiased;box-shadow:0 39.275px 70px -14.275px #0000004d;display:grid;grid:min-content / 1fr;max-block-size:calc(100svh - (2 * var(--pad)));resize:horizontal;width:48cqi;block-size:100%;anchor-name:--editor;&[data-astro-cid-2hdo37fh]:is(:hover,:active){--opacity: 1}&[data-astro-cid-2hdo37fh]:after{content:"";transition:opacity .2s ease;opacity:var(--opacity, 0);inline-size:1.6rem;block-size:1.6rem;position:fixed;position-anchor:--editor;position-area:center;place-self:end;inset:-3px;mask:var(--resizer-icon) 0 0 / contain no-repeat;background:var(--btn-icon);pointer-events:none;z-index:2}@supports (corner-shape: squircle){border-radius:2.5rem;corner-shape:squircle}}.pg__preview-wrap[data-astro-cid-2hdo37fh]{display:grid;gap:.5rem;align-items:start}.pg__page-tabs{display:flex;flex-wrap:wrap;gap:.4rem}.pg__page-tabs:before{content:"Sider:";font-size:.85rem;color:var(--gray-700);align-self:center;user-select:none;font-variation-settings:"GRAD" 500}.pg__page-tab{border:1px solid var(--gray-200);background:var(--surface-primary);color:var(--gray-500);padding:.2rlh .35rlh;border-radius:8px;corner-shape:squircle;cursor:pointer;font-size:.8rem;font-family:var(--font-input);font-weight:600;display:flex;align-items:center;gap:.1ch}.pg__page-tab[aria-selected=true]{opacity:1;background:oklch(from var(--periwinkle-100) .96 calc(c*.8) h);border-color:var(--periwinkle-200);color:oklch(from var(--periwinkle-400) .2 c h)}.pg__page-tab:focus-visible{outline:2px solid var(--green-400);outline-offset:2px}.pg__page-tab--add{color:var(--gray-400);opacity:.7;font-weight:600;transition:opacity .15s ease;svg{width:1lh;height:1lh;stroke:currentColor}&:hover{opacity:1;color:var(--gray-600)}}.pg__page-tab--add:hover{opacity:1;color:var(--gray-600)}.pg__page-tab--input .pg__tab-input{width:fit-content;field-sizing:content;min-width:4ch;color:var(--gray-900);font-family:var(--font-input);font-size:.85rem;padding:.2rlh .35rlh;border:1px solid var(--green-400);border-radius:8px;corner-shape:squircle;background:var(--surface-primary);@supports not (field-sizing: content){width:10ch}&[data-astro-cid-2hdo37fh]:focus{outline:2px solid var(--green-400);outline-offset:1px}&[data-astro-cid-2hdo37fh]::placeholder{color:var(--gray-400)}}.pg__page-tab .pg__tab-delete{display:inline-flex;align-items:center;justify-content:center;margin-inline-start:.3ch;padding:0;border:0;border-radius:50%;background:transparent;font-size:1em;line-height:1;color:var(--gray-400);cursor:pointer;transition:all .15s ease;svg{width:1lh;height:1lh;opacity:.7}&:hover{background:oklch(from var(--red-400) l c h / .2);color:var(--red-500);svg{opacity:1}}}[data-astro-cid-2hdo37fh]:where(.pg__preview [data-astro-wrapper]){display:contents}