a[data-astro-cid-paihujxk]:hover{text-decoration:none}.small-label[data-astro-cid-paihujxk]{font-family:Mona Sans,system-ui;font-weight:600;font-size:.8em;display:flex;gap:var(--space-4) var(--space-5);justify-content:space-between;flex-wrap:wrap-reverse;align-items:baseline;align-items:last baseline;align-self:start;margin-block:calc(.5cap - .5lh);transition:.3s transform;--min-font: 18;--max-font: 22;--screen-max: 1200;--screen-min: 375;font-size:clamp(var(--min-font) * 1px,var(--responsive),var(--max-font) * 1px);line-height:1.3;& a[data-astro-cid-paihujxk]:any-link{font-variation-settings:"wdth" var(--font-stretch, 100);position:relative;color:var(--gray-1000);text-decoration:none;transition:translate .2s cubic-bezier(.645,.045,.355,1),font-variation-settings .5s cubic-bezier(.215,.61,.355,1);display:grid;align-items:center;grid-template-columns:0 1fr;gap:.1em;margin-inline-start:-.2em;&[data-astro-cid-paihujxk]:hover{translate:calc(var(--space-5) + .2em) 0}& svg{color:var(--purple-600);inline-size:.9em;block-size:.9em;opacity:0;transition:.2s cubic-bezier(.645,.045,.355,1);justify-self:flex-end;translate:-.4em 0;:global(g){stroke-width:2.5}}&[data-astro-cid-paihujxk]:hover svg{opacity:1;translate:0 0}}& span[data-astro-cid-paihujxk]{font-weight:600;font-size:.55em;color:var(--gray-800);font-variation-settings:"wdth" 125;align-self:center}}.small-label[data-astro-cid-paihujxk]:before{content:none;block-size:2px;inline-size:1.5rem;background:var(--ui-accent);background:currentColor}@supports (animation-range: entry 0% entry 100%){@property --title{syntax: "<percentage>"; inherits: true; initial-value: -50%;}.small-label[data-astro-cid-paihujxk] a[data-astro-cid-paihujxk]{background:linear-gradient(-220deg,currentColor var(--title),transparent calc(var(--title) + 50%));-webkit-text-fill-color:transparent;-webkit-background-clip:text;animation:r linear both;animation-timeline:view();animation-range:cover 0% contain 50%}@keyframes r{to{--title: 100%}}}@layer components{button[data-astro-cid-kfhtf3ny]:not([disabled]){background:var(--gray-100);border-radius:var(--bdrs-round);transition:0s;overflow:clip;padding:0;&[data-astro-cid-kfhtf3ny]:hover{background:var(--gray-200)}}button[data-astro-cid-kfhtf3ny]:not([disabled]):active{background:var(--gray-300)}[data-astro-cid-kfhtf3ny][disabled]:is(.plus,.minus){opacity:.3;cursor:not-allowed}[data-astro-cid-kfhtf3ny]:is(.plus,.minus){box-shadow:none;padding:0}}@layer components{.controls[data-astro-cid-xwrwfzq4]{display:grid;grid:auto / repeat(auto-fit,minmax(min(400px,100%),1fr));gap:0 var(--space-6);justify-items:end;align-self:end;grid-column:1 / -1;&[data-astro-cid-xwrwfzq4]:after{content:""}button{color:var(--gray-1000)}>div{display:flex;align-items:center;gap:var(--space-2);grid-column:-2;background:#fff;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a;border-radius:var(--bdrs-round);padding:.25rem;>span{padding:.2rem 1rem;font-family:var(--font-mono);border-radius:2px;background-color:var(--ui-primary);box-shadow:0 0 0 1px var(--ui-primary-border)}}}}.codepen-form[data-astro-cid-27fl7jrt]{margin-inline-start:auto}.codepen-btn[data-astro-cid-27fl7jrt]{--btn-stroke: 0;--btn-theme: var(--blue-500);position:relative;color:#fff;padding:0;inline-size:28px;block-size:28px;background:transparent;display:grid;place-content:center;border-radius:var(--bdrs-round);cursor:pointer;border:none}.codepen-btn[data-astro-cid-27fl7jrt]:focus-visible{--btn-stroke: 2px;outline:none}@media (hover: hover){.codepen-btn[data-astro-cid-27fl7jrt]:hover{--btn-stroke: 2px}}.codepen-btn[data-astro-cid-27fl7jrt]:before{content:"CodePen";text-transform:uppercase;position:absolute;inset-inline-end:100%;margin-inline-end:var(--space-2);inset-block-start:0;font-size:.7em;font-family:Mona Sans;font-weight:700;block-size:28px;margin-block-start:.125em;display:grid;place-content:center;letter-spacing:.1em;pointer-events:none;transition:.3s;opacity:0}@media (hover: hover){.codepen-btn[data-astro-cid-27fl7jrt]:hover:before{opacity:1}}[data-astro-cid-ghcfornp][data-icon=external-1]{vertical-align:middle;margin-inline-start:.1em;stroke:currentColor}.editor[data-astro-cid-ghcfornp]{anchor-name:--editor;position:relative;z-index:1;background:var(--blue-800);margin:0;justify-self:stretch;display:grid;grid-template-rows:min-content 1fr min-content;block-size:100%;touch-action:none;border-radius:var(--bdrs-xl);block-size:calc(100% + 2 * var(--space-6));margin-inline-start:calc(-2 * var(--space-6));margin-block-end:calc(-2 * var(--space-6));box-shadow:0 39.275px 70px -14.275px #0000004d;.editor-actions{display:flex;align-items:center;gap:var(--space-4);border-top:1px solid hsl(208 76% 26%);padding:var(--space-4) 0;margin-inline:calc(var(--space-2) + var(--space-1));:global(.codepen-form){margin-inline-start:auto}}@media (max-width: 895px){order:1}}.editor-tabs[data-astro-cid-ghcfornp]{display:flex;gap:0;padding:0;margin:0;border-start-start-radius:inherit;border-start-end-radius:inherit;background:var(--blue-900);overflow:clip;margin-block-end:.4lh}.editor-tabs[data-astro-cid-ghcfornp] [data-astro-cid-ghcfornp][role=tab]{display:inline flex;align-items:center;gap:var(--space-2);font-size:.875rem;line-height:.9;padding:1lh 1.5lh;font-family:Mona Sans,system-ui,sans-serif;font-weight:500;font-variation-settings:"GRAD" 250;color:var(--blue-muted-comment);background:transparent;border:none;cursor:pointer;position:relative;border-radius:0;box-shadow:unset;border:0;border-block-width:2px;border-style:solid;border-block-color:#0000 var(--active-tab, #0000)}.editor-tabs[data-astro-cid-ghcfornp] [data-astro-cid-ghcfornp][role=tab][aria-selected=true]{--active-tab: var(--blue-500);background:var(--blue-800);color:var(--gray-100);font-variation-settings:"GRAD" 600}.editor-tabs[data-astro-cid-ghcfornp] [data-astro-cid-ghcfornp][role=tab][aria-selected=false]:hover,.editor-tabs[data-astro-cid-ghcfornp] [data-astro-cid-ghcfornp][role=tab][aria-selected=false]:focus-visible{color:var(--gray-300);background:#0d3b63}.editor-tabs[data-astro-cid-ghcfornp] [data-astro-cid-ghcfornp][role=tab]:focus-visible{outline:2px solid var(--blue-500);outline-offset:-2px}.editor-tabs[data-astro-cid-ghcfornp] [data-astro-cid-ghcfornp][role=tab] .focus[data-astro-cid-ghcfornp]{pointer-events:none}.editor-tabs[data-astro-cid-ghcfornp] [data-astro-cid-ghcfornp][role=tab] svg[data-astro-cid-ghcfornp]{flex-shrink:0}.tabpanels[data-astro-cid-ghcfornp]{display:grid;grid-template-rows:1fr;grid-template-columns:1fr;flex:1;overflow:hidden}.tabpanel[data-astro-cid-ghcfornp]{grid-area:1 / 1;display:flex;flex-direction:column;overflow:hidden}.tabpanel[data-astro-cid-ghcfornp].is-hidden{visibility:hidden;pointer-events:none;height:0;min-height:0;overflow:hidden}.tabpanel-css[data-astro-cid-ghcfornp]{z-index:1}.tabpanel-html[data-astro-cid-ghcfornp],.tabpanel[data-astro-cid-ghcfornp].is-hidden.tabpanel-css{z-index:0}.tabpanel[data-astro-cid-ghcfornp]:not(.is-hidden).tabpanel-html{z-index:1;height:auto}.tabpanel[data-astro-cid-ghcfornp] textarea[data-astro-cid-ghcfornp]{flex:1}.tabpanel-html[data-astro-cid-ghcfornp] textarea[data-astro-cid-ghcfornp]{cursor:default}small[data-astro-cid-ghcfornp]{font-size:.8rem;font-weight:500;color:#adbdcc;position:relative;display:flex;gap:.5ch;flex-wrap:wrap;margin-inline-start:var(--space-2);a:any-link{text-decoration:none;color:var(--gray-100);gap:var(--space-1);align-items:center;span{text-decoration:underline;text-decoration-color:var(--blue-500)}svg{inline-size:1.15em;block-size:1.15em}&:hover,&:focus-visible{color:#fff;span{text-decoration:underline;text-decoration-color:currentColor}}}}.reset-buttons[data-astro-cid-ghcfornp]{position:absolute;inset-inline-end:0;inset-block-start:var(--space-2);z-index:1;display:grid;justify-items:end;margin-inline-end:var(--space-2);anchor-scope:all;>button.reset{anchor-name:--reset-btn;&:has(+:popover-open),&:has(+[open]){opacity:0}}}.reset-dialog[data-astro-cid-ghcfornp]{margin:0;position:fixed;position-anchor:--reset-btn;position-area:center span-left;border:0;padding:0;height:fit-content;background:transparent;form{display:flex;gap:.5ch}&::backdrop{background:transparent}}.confirm-btn[data-astro-cid-ghcfornp]{--btn-stroke: 0;--btn-theme: var(--blue-500);position:relative;color:#fff;padding:0;inline-size:28px;block-size:28px;background:transparent;display:grid;place-content:center;border-radius:var(--bdrs-round)}button path{stroke-width:3}@media (hover: hover){button[data-astro-cid-ghcfornp]:hover{--btn-stroke: 2px}}button[data-astro-cid-ghcfornp].reset{--opacity: 0;--btn-stroke: 0;--btn-theme: var(--blue-500);position:relative;color:#fff;padding:0;inline-size:28px;block-size:28px;background:transparent;display:grid;place-content:center;border-radius:var(--bdrs-round)}button[data-astro-cid-ghcfornp].reset:before{content:"Nulstil";text-transform:uppercase;position:absolute;inset-inline-end:100%;margin-inline-end:var(--space-2);inset-block-start:0;font-size:.7em;font-family:Mona Sans;font-weight:700;block-size:28px;margin-block-start:.125em;display:grid;place-content:center;letter-spacing:.1em;pointer-events:none;transition:.3s;opacity:0}button[data-astro-cid-ghcfornp].reset svg[data-astro-cid-ghcfornp] path[data-astro-cid-ghcfornp]{stroke-width:3}button[data-astro-cid-ghcfornp]:focus-visible{--btn-stroke: 2px}@media (hover: hover){button[data-astro-cid-ghcfornp]:hover{--btn-stroke: 2px}button[data-astro-cid-ghcfornp].reset:hover:before{opacity:1}button[data-astro-cid-ghcfornp][disabled]{box-shadow:inset 0 0 0 0 var(--ui-accent)}}@layer components{.container[data-astro-cid-cnneoqoa]>div{@starting-style{opacity:0}transition:.3s;transition-behavior:allow-discrete}.box,[class|=box]{display:flex;justify-content:center;align-items:center;text-align:center;background:#72f1b8;color:var(--ui-bg-2);border-radius:3px;background-color:var(--ui-primary);box-shadow:0 0 0 1px var(--ui-primary-border),0 2px 2px #005afa0d,0 4px 4px #005afa0d,0 8px 8px #005afa0d,0 16px 16px #005afa0d}[data-astro-cid-cnneoqoa][data-custom-html=true] .box{display:block}.box,[class|=box]{--min-font: 12;--max-font: 29;--screen-max: 895;--screen-min: 375;font-size:clamp(var(--min-font) * 1px,var(--responsive),var(--max-font) * 1px);@media (min-width: 896px){--min-font: 14;--max-font: 20;--screen-max: 1200;--screen-min: 896;font-size:clamp(var(--min-font) * 1px,var(--responsive),var(--max-font) * 1px)}}:is([class|=box],.box):has(*){padding:1rem;position:relative;display:revert;justify-content:revert;align-items:revert;&[data-astro-cid-cnneoqoa]:before{content:"." attr(class);font-weight:500;position:absolute;top:.25rem;left:0;right:0;text-align:center;line-height:.8;font-size:.6em}:is(h4){line-height:1.125}:is(p){text-align:start}:is(h4,p){padding-block:.5rem}>:is([class*=box],h4,p,dt,dd){box-shadow:inherit;border-radius:inherit;background:var(--ui-primary-dark);padding-inline:.5rem}}.output[data-astro-cid-cnneoqoa]:is(.editor:has(:focus-within)~*){--marching-ants: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes ant %7Bto %7Bstroke-dashoffset: -8;%7D%7D%3C/style%3E%3Crect width='100%25' height='100%25' style='stroke: %23a9bcce; stroke-width: 3.75px; fill: none;stroke-dasharray: 5 3; animation: ant 1s infinite linear'/%3E%3C/svg%3E") border-box}.output[data-astro-cid-cnneoqoa]:is(.editor:focus-within+*):hover>.container[data-astro-cid-cnneoqoa]{background:repeating-linear-gradient(-45deg,var(--violet-200) 0 25%,#0000 0 50%) 0 / 4px 4px content-box,#f1eef5 border-box}.output[data-astro-cid-cnneoqoa]:is(section.gap-reset *)>div[data-astro-cid-cnneoqoa]{gap:1px 0}.output[data-astro-cid-cnneoqoa]{--padding: var(--space-2);display:grid;align-self:start;position:relative;max-inline-size:calc(100% + (var(--padding) * 2));max-block-size:500px;border:2px dashed transparent;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;resize:both;overflow:hidden;user-select:none;border-radius:var(--bdrs-sm);background:conic-gradient(at 75% 75%,#fff 75%,transparent 0) 100% 101% / 1.6rem 1.6rem no-repeat border-box,var( --marching-ants, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes ant %7Bto %7Bstroke-dashoffset: -8;%7D%7D%3C/style%3E%3Crect width='100%25' height='100%25' style='stroke: %23a9bcce; stroke-width: 3.75px; fill: none;stroke-dasharray: 5 3; animation: ant 0s infinite linear'/%3E%3C/svg%3E") border-box );padding:var(--padding);margin:calc(var(--padding) * -1);position:sticky;top:1rem;anchor-name:--output;anchor-scope:--output;@media (max-width: 895px){resize:revert;position:static;&[data-astro-cid-cnneoqoa]:before{display:none}}}.resize-x-only .output[data-astro-cid-cnneoqoa]{resize:horizontal;&[data-astro-cid-cnneoqoa]:before{content:"Dobbeltklik for at nulstille bredde"}}.output[data-astro-cid-cnneoqoa]::-webkit-resizer{box-shadow:none!important;border:0!important}.output[data-astro-cid-cnneoqoa]:after{content:"";inline-size:1.6rem;block-size:1.6rem;position:fixed;position-anchor:--output;position-area:center;place-self:end;inset:-3px;color:var(--ui-accent);background:var(--resize-icon) 0 0 / contain no-repeat;pointer-events:none;z-index:2;@media (max-width: 895px){display:none}}.output[data-astro-cid-cnneoqoa]:before{content:"Dobbeltklik for at nulstille højde/bredde";font-weight:500;position:absolute;position-anchor:--output;position-area:center;place-self:end center;inline-size:fit-content;font-size:.8em;padding:.2em .3em;line-height:1;margin-inline:auto;background:#f7fcfa7f;border-radius:var(--bdrs-sm);pointer-events:none;backdrop-filter:blur(3px);z-index:2;opacity:0;transition:0s opacity}.output[data-astro-cid-cnneoqoa][style]:before{opacity:1;transition:.2s .5s opacity;@starting-style{opacity:0}}.output[data-astro-cid-cnneoqoa]>div[data-astro-cid-cnneoqoa]{grid-area:1 / -1;padding:var(--space-1);place-self:center;justify-self:stretch;align-self:stretch;gap:1px;background:#f1eef5}.output[data-astro-cid-cnneoqoa] .container[data-astro-cid-cnneoqoa] img{width:auto;max-width:100%}.output[data-astro-cid-cnneoqoa] .container[data-astro-cid-cnneoqoa] :is(p,dt,dd){text-decoration-line:line-through;text-decoration-thickness:2ex}.output[data-astro-cid-cnneoqoa] .container[data-astro-cid-cnneoqoa] :is(dl,dt,dd){margin:0;padding:0;text-align:start}.output[data-astro-cid-cnneoqoa] .container[data-astro-cid-cnneoqoa] dt{color:var(--ui-primary-dark)}section.stretch .output[data-astro-cid-cnneoqoa]{align-self:stretch}.output[data-astro-cid-cnneoqoa]:is(section.bg-image *)>.container[data-astro-cid-cnneoqoa]>img{outline:1px solid #0002;outline-offset:-1px;width:auto;min-height:50px}.output[data-astro-cid-cnneoqoa]:is(section.logo-box *) .logo{padding:1rem;display:grid;font-size:80%;line-height:1.2;font-size:2rem;font-weight:900}}.hints[data-astro-cid-bqafsrrf]{display:flex;flex-wrap:wrap;padding:var(--space-1) var(--space-4);margin-block-start:var(--space-2);border-radius:var(--bdrs-md);overflow:hidden;padding:2.5px;padding:calc(var(--space-3) + 3px) calc(var(--space-3) + 5px);border-radius:var(--bdrs-l);margin-block-start:calc(var(--space-4) * -1);background:#fff}[data-astro-cid-bqafsrrf][data-type=property]{--m: #fff;--mbg: var(--blue-700)}[data-astro-cid-bqafsrrf][data-type=value]{--m: var(--ui-secondary);--mbg: var(--pink-900)}li[data-astro-cid-bqafsrrf][data-type]{display:flex;white-space:break-spaces;align-items:center;background:linear-gradient(90deg,var(--blue-700),transparent),var(--blue-800);padding:var(--space-3) var(--space-4);border-radius:var(--bdrs-md);margin:-3px -5px}li[data-astro-cid-bqafsrrf][data-type]+li[data-astro-cid-bqafsrrf][data-type]{padding-inline-end:calc(var(--space-4) + 3px)}code[data-astro-cid-bqafsrrf]{display:inline-block;padding-inline:var(--space-2);padding-block:0;font-size:.9em;color:var(--m, var(--ui-primary));border-radius:var(--bdrs-md);cursor:pointer;transition:.2s;&[data-astro-cid-bqafsrrf]:hover{color:var(--blue-500);text-shadow:0 0 6px hsl(from var(--blue-500) h s l / 50%)}}li[data-astro-cid-bqafsrrf]:before{content:"";content:none;color:var(--m, currentColor);box-shadow:0 0 #000;inline-size:var(--space-2);block-size:var(--space-2);border-radius:50%;background:var(--m);margin-inline-end:var(--space-3);box-shadow:0 0 0 1px var(--mbg);flex-shrink:0}@layer components{[data-no-hints]{text-transform:uppercase;font-family:Mona Sans,system-ui;font-size:.7em;font-weight:600;color:var(--gray-900);padding:.45rem var(--space-4) var(--space-1);border-radius:var(--bdrs-md);border:2px solid var(--gray-500);width:max-content;letter-spacing:.05em}details[data-astro-cid-x7kwcung]{display:inline grid;filter:drop-shadow(0px 0px 1px #3341551a) drop-shadow(0px 0px 1px #3341551a) drop-shadow(0px 5px 10px #3341551a)}details[data-astro-cid-x7kwcung][open] summary[data-astro-cid-x7kwcung]{border-radius:var(--bdrs-l) var(--bdrs-l) 0 0}details[data-astro-cid-x7kwcung] svg[data-astro-cid-x7kwcung]{transition:1.5s linear(0,.218 2.1%,.862 6.5%,1.114,1.296 10.7%,1.346,1.37 12.9%,1.373,1.364 14.5%,1.315 16.2%,1.032 21.8%,.941 24%,.891 25.9%,.877,.869 27.8%,.87,.882 30.7%,.907 32.4%,1.012 38.3%,1.036,1.046 42.7% 44.1%,1.042 45.7%,.996 53.3%,.988,.984 57.5%,.985 60.7%,1.001 68.1%,1.006 72.2%,.998 86.7%,1)}details[data-astro-cid-x7kwcung][open] svg[data-astro-cid-x7kwcung]{rotate:-180deg}[data-astro-cid-x7kwcung][data-icon=chevron-down]{stroke-width:3px}summary[data-astro-cid-x7kwcung]{padding:var(--space-3);border-radius:var(--bdrs-l);color:var(--ui-accent);inline-size:max-content;text-transform:uppercase;font-variation-settings:"wdth" 120;font-family:Mona Sans,system-ui;font-size:.7em;font-weight:700;cursor:pointer;user-select:none;touch-action:manipulation;letter-spacing:.05em;text-decoration:underline .25em var(--blue-500);text-underline-offset:.125em;background:#fff;display:flex;gap:.3ch}[data-astro-cid-x7kwcung][data-icon]{transition:.2s cubic-bezier(.1,0,.1,1);& path{stroke-width:3px}}summary[data-astro-cid-x7kwcung]::-webkit-details-marker{display:none}}play-button[data-astro-cid-banrdygg]{display:contents}@keyframes pulse{60%{scale:1.05}}.play-button[data-astro-cid-banrdygg]{position:absolute;inset-block-end:var(--space-2);inset-inline-start:var(--space-2);margin:var(--space-2);display:grid;place-self:end start;padding:var(--space-3);background:oklch(from var(--ui-primary) .95 .035 h);border:none;border-radius:999px;cursor:pointer;color:oklch(from var(--ui-primary) .5 .2 h);transition:.15s cubic-bezier(.44,0,.56,1);box-shadow:none;border:2px solid oklch(from var(--ui-primary) .6 .1 h);animation:pulse 1.5s infinite paused;animation-composition:accumulate;&[data-astro-cid-banrdygg]:active{scale:.98}svg{display:block;width:12px;height:12px}.icon-pause{display:none}&[data-playing=true]{.video-wrapper:not(:hover) &{opacity:0;transition-delay:.3s}.icon-play{display:none}.icon-pause{display:block}}&[data-playing=false]{animation-play-state:running}}picture{padding-inline:calc(var(--space-1) / 2)}img[data-astro-cid-b3tefidh]{background:#f1eef5}.video-wrapper[data-astro-cid-b3tefidh]{position:relative;cursor:pointer}small[data-astro-cid-cu23gazk]{font-size:.8rem;font-weight:500;color:#adbdcc;position:relative;display:flex;gap:.5ch;flex-wrap:wrap;margin-inline-start:var(--space-2);a:any-link{text-decoration:none;color:var(--blue-500);gap:var(--space-1);align-items:center;& span{text-decoration:underline}& svg{inline-size:1em;block-size:1em}&:hover,&:focus-visible{color:#fff;span{text-decoration:underline var(--blue-500)}}}}.exercise-details[data-astro-cid-cu23gazk]{picture{position:relative;align-self:start;&:before,&:after{--offset: 1rlh;content:"";position:absolute;inset:0 1px;pointer-events:none;border:1px dashed var(--gray-500)}&:before{border-inline-width:1px;margin-block:calc(-1 * var(--offset));mask:linear-gradient(#0000,#000 var(--offset) calc(100% - var(--offset)),#0000)}&:after{border-block-width:1px;margin-inline:calc(-1 * var(--offset));mask:linear-gradient(90deg,#0000,#000 var(--offset) calc(100% - var(--offset)),#0000)}+&:after{border-block-start-width:0}&:has(+&):after{border-block-end-width:0}}}.exercise-content[data-astro-cid-cu23gazk]{text-wrap:pretty}.exercise-interactivity[data-astro-cid-cu23gazk]{display:contents;@media (min-width: 895px){grid-column:1 / -1;display:inherit;grid-template-columns:inherit;grid-template-rows:min-content 1fr;gap:inherit;.editor{grid-row-end:span 2}.output{grid-row-start:2;grid-column-start:2}.controls{grid-column:revert;justify-items:center}}}.reset-buttons[data-astro-cid-cu23gazk]{position:absolute;inset-inline-end:0;inset-block-start:var(--space-2);z-index:1;display:grid;gap:0 .4ch;place-items:end;margin-inline-end:var(--space-2)}.reset-buttons[data-astro-cid-cu23gazk]>[data-astro-cid-cu23gazk]{grid-area:1 / 1}.button-group-confirm[data-astro-cid-cu23gazk]{display:flex;gap:.5ch;pointer-events:none;opacity:0;transition:.3s opacity}.reset-buttons[data-astro-cid-cu23gazk].active .button-group-confirm[data-astro-cid-cu23gazk]{opacity:1;pointer-events:auto}.reset-buttons[data-astro-cid-cu23gazk].active>button[data-astro-cid-cu23gazk]{opacity:0;pointer-events:none}button[data-astro-cid-cu23gazk][data-accept]{--btn-stroke: 0;--btn-theme: var(--blue-500);position:relative;color:#fff;padding:0;inline-size:28px;block-size:28px;background:transparent;display:grid;place-content:center;border-radius:var(--bdrs-round)}button svg path{stroke-width:3}button[data-astro-cid-cu23gazk]:focus-visible{--btn-stroke: 2px}@media (hover: hover){button[data-astro-cid-cu23gazk]:hover{--btn-stroke: 2px}}.banner[data-astro-cid-cu23gazk]{position:absolute;inset-block-start:0;inset-inline-end:0;text-align:center;padding:var(--space-3);line-height:1;font-weight:800;font-size:.7em;text-transform:uppercase;color:#fff;margin:var(--space-1);background:var(--ui-accent);border-radius:calc(var(--bdrs-l) - (var(--space-1) / 2))}.banner[data-astro-cid-cu23gazk]{transition:.3s;transform:perspective(1px);clip-path:inset(0 0 calc(100% - 12px) calc(100% - 12px) round calc(var(--bdrs-l) - (var(--space-1) / 2)));user-select:none}.banner[data-astro-cid-cu23gazk]:hover{clip-path:inset(0 0 0 0)}.sda-result[data-astro-cid-4eprjo7u]{overscroll-behavior:contain;container:sda-result / size var(--scroll-state-not-supported, scroll-state);background:conic-gradient(from 90deg at 1px 1px,#0000 25%,oklch(from var(--ui-primary) .97 .05 h) 0) -.5px -1px / 25px 25px round local,#fff;border-radius:var(--bdrs-xl);min-height:300px;overflow-y:auto;position:relative;padding:.5lh;box-shadow:0 0 0 1px color-mix(in oklch,var(--ui-primary-border) 50%,transparent),inset 0 0 80px -40px var(--ui-primary);@supports not (container: sda-result / size scroll-state){--scroll-state-not-supported: }&[data-astro-cid-4eprjo7u]:before,&[data-astro-cid-4eprjo7u]:after{content:"";display:grid;place-content:center;block-size:calc(100% + 1rlh);content:"Scroll ↓";translate:0 -1lh;font-weight:800;color:var(--ui-primary-dark)}&[data-astro-cid-4eprjo7u]:after{content:"Scroll ↑";translate:0 1rlh}.container{padding:1lh;.frame{display:grid}}.container[data-markers=true]{outline:1px dashed;outline-offset:-1px;position:relative;color:var(--ui-primary-dark);&:before{content:".container";position:absolute;inset:-1.2cap 0 auto;justify-self:center;font-size:.8em;background:#fff;padding-inline:.5ch;pointer-events:none}.frame{color:var(--ui-primary-border);outline:1px dashed;outline-offset:-1px;&:before{content:".frame";position:absolute;inset:-1.2cap 0 auto;justify-self:center;font-size:.8em;background:#fff;padding-inline:.5ch;pointer-events:none}}}.box{background:var(--ui-primary);color:var(--gray-900);padding:var(--space-4) var(--space-6);border-radius:var(--bdrs-md);font-weight:600;font-size:.875rem;box-shadow:0 0 0 1px var(--ui-primary-border),0 2px 2px #005afa0d,0 4px 4px #005afa0d,0 8px 8px #005afa0d,0 16px 16px #005afa0d}}.sda-exercise[data-astro-cid-blvr3tve]{.exercise-details{picture{position:relative;align-self:start;&:before,&:after{--offset: 1rlh;content:"";position:absolute;inset:0 1px;pointer-events:none;border:1px dashed var(--gray-500)}&:before{border-inline-width:1px;margin-block:calc(-1 * var(--offset));mask:linear-gradient(#0000,#000 var(--offset) calc(100% - var(--offset)),#0000)}&:after{border-block-width:1px;margin-inline:calc(-1 * var(--offset));mask:linear-gradient(90deg,#0000,#000 var(--offset) calc(100% - var(--offset)),#0000)}+&:after{border-block-start-width:0}&:has(+&):after{border-block-end-width:0}}}.exercise-content{text-wrap:pretty}.exercise-interactivity{display:contents;@media (min-width: 895px){grid-column:1 / -1;display:inherit;grid-template-columns:inherit;grid-template-rows:min-content 1fr;gap:inherit;:global(.editor){grid-row-end:span 2}:global(.sda-result){grid-row-start:2;grid-column-start:2}}}}.about-button[data-astro-cid-zji436x6]{all:unset;background:#fffc;border-radius:1e5px;corner-shape:squircle;padding:var(--space-1);box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a;display:grid;cursor:pointer;&[data-astro-cid-zji436x6]:hover{background:oklch(from currentcolor 95% 0 h)}&[data-astro-cid-zji436x6]:active{scale:.97}}[data-astro-cid-zji436x6][popover]{&,&[data-astro-cid-zji436x6]::backdrop{transition:display,overlay,opacity,translate;transition-duration:.3s;transition-behavior:allow-discrete;opacity:0;translate:0 -2rlh}&[data-astro-cid-zji436x6]::backdrop{backdrop-filter:blur(5px);translate:none;background:#000c}&[data-astro-cid-zji436x6]:where(:popover-open){opacity:1;translate:none;&[data-astro-cid-zji436x6]::backdrop{opacity:1}}@starting-style{&[data-astro-cid-zji436x6]:popover-open{translate:0 2rlh}&[data-astro-cid-zji436x6]:popover-open,&[data-astro-cid-zji436x6]:popover-open::backdrop{opacity:0}}}[data-astro-cid-zji436x6][popover]{overscroll-behavior:contain;max-block-size:90dvb;inline-size:min(65ch,90dvi);padding:var(--space-6);padding-block-start:0;border:0;border-radius:var(--bdrs-xl);box-shadow:#3341551a 0 0 0 1px;background:#fff;>*+*{margin-block-start:var(--fspace, 1rlh);&:is(h3){--fspace: 2rlh}}h2{font-family:Mona Sans,system-ui;font-weight:600;--min-font: 18;--max-font: 22;--screen-max: 1200;--screen-min: 375;font-size:clamp(var(--min-font) * 1px,var(--responsive),var(--max-font) * 1px);line-height:1.125}h3{font-family:Mona Sans,system-ui;font-weight:600;--min-font: 16;--max-font: 18;--screen-max: 1200;--screen-min: 375;font-size:clamp(var(--min-font) * 1px,var(--responsive),var(--max-font) * 1px);line-height:1.3}p,ol{color:var(--gray-900);font-weight:420;font-size:1rem;font-family:Mona Sans,system-ui}kbd{background-color:#eee;border-radius:3px;border:1px solid #b4b4b4;box-shadow:0 1px 1px #0003,0 2px #ffffffb3 inset;color:#333;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}code{display:inline-block;padding-inline:var(--space-2);padding-block:0;font-size:.9em;border-radius:var(--bdrs-md);color:var(--gray-1000);background:#fff;box-shadow:inset #33415526 0 0 0 1px,#0000000d 0 20px 25px -5px}::marker{color:var(--blue-700)}ol{padding-inline-start:1rem;line-height:1.5;display:grid;gap:.5rlh;li{text-wrap:pretty}}header{display:flex;flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;position:sticky;inset-block-start:0;padding-block:var(--space-6) var(--space-5);background:#fff;border-block-end:1px solid #00000014}button{background:#fff;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a;border-radius:var(--bdrs-round);padding:.15rlh .5rlh;&:hover{background:oklch(from currentcolor 95% 0 h)}&:active{scale:.97}}}@keyframes --fade{to{opacity:0;scale:.5;translate:0 -35%}}.tooltip[data-astro-cid-3ef6ksr2][popover]{margin:0;color:#333;padding:.3rem .5rem;border-radius:.3rem;box-shadow:0 0 2px #0000001a;font-size:80%;font-weight:500;position-area:bottom;margin-block:1cap;border:1px solid rgba(0,0,0,.15);interest-delay:.2s}.header-content[data-astro-cid-3ef6ksr2]:has(:interest-source) a[data-astro-cid-3ef6ksr2]{interest-delay-start:0s}.view[data-astro-cid-3ef6ksr2]{a{background:#fffc;backdrop-filter:blur(4px);border-radius:1e5px;padding:var(--space-1);box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a;&:hover{background:oklch(from currentcolor 95% 0 h)}&:active{scale:.97}}svg{display:block}}.utils[data-astro-cid-3ef6ksr2]>[data-astro-cid-3ef6ksr2]:not([popover]){display:flex;gap:10px}nav[data-astro-cid-3ef6ksr2]{position-anchor:--header;position:fixed;inset-inline-start:0;inset-inline-end:0;inset-block-start:calc(anchor(--header,top) + anchor(--header,height) + var(--space-3));inset-block-start:var(--space-5);z-index:10;justify-self:center;grid-column:2;display:flex;justify-content:center;background:#fffc;view-transition-name:nav-background;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1e5px;padding:var(--space-1);box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a;ul{display:flex;gap:.3ch;list-style-type:"";line-height:1.25;li{&.separator{position:relative;&:before{content:"";position:absolute;inset-inline-start:-1.5px;inset-block:.4em;width:1px;background:var(--gray-400)}}}a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) .75rem var(--space-1) .7rem;justify-self:start;color:var(--active, var(--gray-800));border-radius:1e5px;font-weight:500;font-size:.9rem;text-decoration:none;line-height:1.25;transition:.15s;view-transition-class:current-link-text;position:relative;isolation:isolate;&[aria-current]:before{content:"";position:absolute;inset:0;border-radius:1e5px;background:var(--gray-1000);transition:.15s;z-index:-1;view-transition-name:--current-link}.nav-icon{display:grid}&:not([aria-current=page]) .nav-label{display:none}&[aria-current]{--active: var(--gray-1000);color:var(--gray-100)}&:hover:not([aria-current]){color:var(--gray-1000)}}}}.main-header[data-astro-cid-3ef6ksr2]{anchor-name:--header;position:relative;display:grid;grid:auto/minmax(var(--space-5),1fr) minmax(auto,1200px) minmax(var(--space-5),1fr);gap:var(--space-5) 0;margin-block:var(--space-5);margin-block-end:var(--space-7);&[data-astro-cid-3ef6ksr2]:before{content:none;position:absolute;inset:0;background:#fff;z-index:-1;transform:skew(0,-1deg);transform-origin:0 0;box-shadow:#fff 0 0,#3341551a 0 0 0 1px,#0000000d 0 20px 25px -5px,#0000000d 0 8px 10px -6px}.header-content{display:grid;grid:auto / 1fr auto 1fr;align-items:center}.utils{grid-column-end:-1;display:flex;gap:1ch;flex-flow:wrap;justify-content:flex-end}>*{grid-column:2}}.main-header[data-astro-cid-3ef6ksr2]{pointer-events:none;a,nav,.utils>*{pointer-events:all}}.alert[data-astro-cid-3ef6ksr2]{width:fit-content;margin:auto;padding:1rem;background:oklch(.98 .08 22.38);border-radius:var(--bdrs-l);border:2px solid oklch(.75 90% 29.62);&[data-astro-cid-3ef6ksr2]::backdrop{background:#362322e6}>p{color:oklch(.3 .14 29.24);font-size:.9rem}.dialog-close{background:#fff;box-shadow:0 0 0 1px #00000014,0 2px 2px #0000000a;border-radius:var(--bdrs-round);padding:.15rlh .5rlh;&:hover{background:oklch(from currentcolor 95% 0 h)}&:active{scale:.97}}}@supports (position-area: span-all span-start){.alert[data-astro-cid-3ef6ksr2]{display:none}}.exercise-logo[data-astro-cid-3ef6ksr2]{max-width:min-content;padding:.8rem;border:5px double #dedee0;border-radius:1e5px;color:var(--blue-700);background:radial-gradient(#fff 0 0) content-box,#e8edf2 padding-box;aspect-ratio:1}.exercise-logo[data-astro-cid-3ef6ksr2] svg[data-astro-cid-3ef6ksr2]{display:block}.logo[data-astro-cid-3ef6ksr2]{--elastic: .9s linear( 0, .218 2.1%, .862 6.5%, 1.114, 1.296 10.7%, 1.346, 1.37 12.9%, 1.373, 1.364 14.5%, 1.315 16.2%, 1.032 21.8%, .941 24%, .891 25.9%, .877, .869 27.8%, .87, .882 30.7%, .907 32.4%, .981 36.4%, 1.012 38.3%, 1.036, 1.046 42.7% 44.1%, 1.042 45.7%, .996 53.3%, .988, .984 57.5%, .985 60.7%, 1.001 68.1%, 1.006 72.2%, .998 86.7%, 1 );font-family:var(--font-flex);font-size:1.7rem;letter-spacing:.03em;line-height:1;font-weight:700;width:fit-content;margin-block-start:-.3em;>:first-child{font-variation-settings:"wdth" 400,"HGHT" 500;color:oklch(from var(--ui-primary) .2 .2 h);display:inline flex;align-items:baseline;cursor:pointer;text-decoration:none;transform:skewY(-5deg);transition:var(--elastic);.logo:hover &{transform:skewY(0)}span{color:var(--ui-primary-border);color:oklch(from var(--ui-primary) .7 .2 h)}}.dev{display:inline-block;font-size:.65em;font-variation-settings:"wdth" 350,"HGHT" 500;color:oklch(from var(--ui-primary) .7 .03 h);clip-path:inset(0 100% 0 0);transition:.3s clip-path;.logo:hover &{clip-path:inset(0)}}}html:not([data-extra=true]) .more-exercises[data-astro-cid-sz7xmlte]{display:none}button[data-astro-cid-sz7xmlte]{all:unset;cursor:pointer}.more-exercises[data-astro-cid-sz7xmlte]{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:400;padding:var(--space-4) var(--space-6);border:2px solid var(--blue-muted);inline-size:fit-content;place-self:center;border-radius:var(--bdrs-l);background:var(--blue-800);line-height:1.4;box-shadow:0 5px 2.5px #000a0f09,0 12px 6.5px #000a0f0e,0 22.5px 13px #000a0f11,0 40.2px 24px #000a0f14,0 75.2px 44px #000a0f18,0 180px 80px #000a0f21;& span[data-astro-cid-sz7xmlte]{font-size:.7em;font-weight:500;color:var(--blue-muted-comment);display:block}& svg{color:#a9bcce;display:inline-block;vertical-align:middle;transition:inherit}&[data-astro-cid-sz7xmlte]:hover{border-color:#a9bcce;color:var(--blue-500);& svg{color:var(--blue-500)}}}[data-astro-cid-sz7xmlte][data-icon=chevron-right]{width:1.5rem;height:1.5rem;stroke-width:2}div[data-astro-cid-sz7xmlte]{text-align:center;margin:var(--space-7) var(--space-5) 0}.load-more[data-astro-cid-sz7xmlte]{color:var(--blue-900);border-radius:var(--bdrs-l);padding:var(--space-3);inline-size:max-content;text-transform:uppercase;font-variation-settings:"wdth" 120;font-family:Mona Sans,system-ui;font-size:.7rem;font-weight:700;cursor:pointer;user-select:none;touch-action:manipulation;text-shadow:0 0 10px hsl(209deg 15% 93%);letter-spacing:.05em;text-decoration:underline .25em var(--blue-500);text-underline-offset:.125em;transition:.2s;&[data-astro-cid-sz7xmlte]:active{text-decoration-color:var(--blue-muted-comment)}&[data-astro-cid-sz7xmlte]:is(:hover,focus-visible){text-underline-offset:.5rem}}[data-extra=true] .load-more[data-astro-cid-sz7xmlte]{display:none}[data-astro-cid-5hce7sga][data-theme=green]{--ui-primary: hsl(153.07deg 89.8% 80.78% / 95%);--ui-primary-dark: hsl(153.07deg 70% 65%);--ui-primary-border: hsl(153.07deg 79.8% 39.78%)}[data-astro-cid-5hce7sga][data-theme=purple]{--ui-primary: var(--violet-100);--ui-primary-dark: var(--violet-200);--ui-primary-border: var(--violet-400)}[data-astro-cid-5hce7sga][data-theme=indigo]{--ui-primary: oklch(89% .07 292.66 / .95);--ui-primary-dark: oklch(75% .1 292.66);--ui-primary-border: oklch(60% .07 292.66)}body{position:relative;--grid: 35;--bg: hsl(209deg 15% 96%);--pct: 20%;--lines: hsl(209deg 27% 88%);background:linear-gradient(to bottom,var(--bg),65%,rgba(255,255,255,0)) 0 0 / 100% 30vh no-repeat,linear-gradient(90deg,var(--bg),var(--pct),#fff0),linear-gradient(-90deg,var(--bg),var(--pct),#fff0),conic-gradient(from 90deg at 1px 1px,#0000 90deg,var(--lines) 0) 50% 0 / calc((1200px - 2rem) / var(--grid)) calc(1200px / var(--grid)),var(--bg);&[data-astro-cid-5hce7sga]:before{z-index:-1;pointer-events:none;position:absolute;inset:0;opacity:.2;content:"";background-image:url(/assets/svg/noise.svg);background-size:500px}}