.langtag.svelte-167dipq{position:relative}.langtag.svelte-167dipq:after{content:attr(data-language);top:var(--langtag-top,0);right:var(--langtag-right,0);background:var(--langtag-background,inherit);color:var(--langtag-color,inherit);border-radius:var(--langtag-border-radius,0);padding:var(--langtag-padding,1em);font-size:var(--langtag-font-size,inherit);justify-content:center;align-items:center;display:flex;position:absolute}section.svelte-o5i1e{background:var(--card);border-radius:6px;max-width:1000px;margin:1rem auto;padding:1rem;transition:all .2s ease-in-out}section.svelte-o5i1e .title:where(.svelte-o5i1e){margin:0 0 .5rem;font-size:2rem}section.svelte-o5i1e .accordion:where(.svelte-o5i1e){border-bottom:2px solid var(--card-2)}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) h3:where(.svelte-o5i1e){justify-content:flex-start;align-items:center;gap:.25rem;margin:0;font-size:1.5rem;display:flex}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) h3:where(.svelte-o5i1e) img:where(.svelte-o5i1e){width:2.2rem;max-height:2.2rem}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .accordion-toggle:where(.svelte-o5i1e){width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border-radius:6px;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem .25rem;font-weight:500;display:flex}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .accordion-toggle:where(.svelte-o5i1e):hover{color:var(--accent);background:0 0;transform:none}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .accordion-toggle:where(.svelte-o5i1e):focus-visible{outline:2px solid var(--accent);outline-offset:2px}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .accordion-toggle:where(.svelte-o5i1e):after{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex-shrink:0;width:.5rem;height:.5rem;margin-right:.25rem;transition:transform .25s ease-in-out;transform:rotate(45deg)}section.svelte-o5i1e .accordion.open:where(.svelte-o5i1e) .accordion-toggle:where(.svelte-o5i1e):after{transform:rotate(-135deg)}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .panel-wrap:where(.svelte-o5i1e){visibility:hidden;grid-template-rows:0fr;display:grid}section.svelte-o5i1e .accordion.open:where(.svelte-o5i1e) .panel-wrap:where(.svelte-o5i1e){visibility:visible;grid-template-rows:1fr}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .panel:where(.svelte-o5i1e){opacity:0;min-height:0;padding:0 .25rem;overflow:hidden;translate:0 -.75rem}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .panel:where(.svelte-o5i1e):after{content:"";height:.75rem;display:block}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .panel:where(.svelte-o5i1e) details:where(.svelte-o5i1e) summary:where(.svelte-o5i1e){cursor:pointer;width:fit-content;font-weight:700}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .panel:where(.svelte-o5i1e) details:where(.svelte-o5i1e) summary:where(.svelte-o5i1e):hover{color:var(--accent)}section.svelte-o5i1e .accordion.open:where(.svelte-o5i1e) .panel:where(.svelte-o5i1e){opacity:1;translate:0}@media (prefers-reduced-motion:no-preference){section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .panel-wrap:where(.svelte-o5i1e){transition:grid-template-rows .25s ease-in-out,visibility .25s}section.svelte-o5i1e .accordion:where(.svelte-o5i1e) .panel:where(.svelte-o5i1e){transition:opacity .2s ease-in-out,translate .25s ease-in-out}}section.svelte-o5i1e h4:where(.svelte-o5i1e){margin:.5rem 0}section.svelte-o5i1e h4:where(.svelte-o5i1e) code:where(.svelte-o5i1e){background:var(--card-2);border-radius:6px;padding:0 .25rem;font-weight:400}section.svelte-o5i1e p:where(.svelte-o5i1e){margin:0}section.svelte-o5i1e ol:where(.svelte-o5i1e){margin:.5rem;padding:0;list-style:none}section.svelte-o5i1e ol:where(.svelte-o5i1e) li:where(.svelte-o5i1e){counter-increment:item}section.svelte-o5i1e ol:where(.svelte-o5i1e) li:where(.svelte-o5i1e):before{content:counter(item);color:var(--accent);text-align:center;width:1ch;margin-right:.5rem;font-weight:600;display:inline-block}section.svelte-o5i1e pre:where(.svelte-o5i1e){background:var(--card-2);border-radius:6px;width:fit-content;margin:.5rem 0;padding:.25rem .5rem;font-size:1.1rem;display:inline}section.svelte-o5i1e pre.template-url:where(.svelte-o5i1e){white-space:normal}section.svelte-o5i1e button:where(.svelte-o5i1e){background:var(--background);color:var(--foreground);cursor:pointer;border:none;border-radius:6px;padding:.25rem .5rem;font-family:Kanit;font-size:1.1rem;transition:all .2s ease-in-out}section.svelte-o5i1e button:where(.svelte-o5i1e):hover{background:var(--gradient);transform:scale(1.1)rotate(-1deg)}section.svelte-o5i1e a:where(.svelte-o5i1e){color:var(--accent)}section.svelte-o5i1e .demo:where(.svelte-o5i1e){border-radius:6px;max-width:min(100%,50rem);margin:.5rem auto;display:block}section.svelte-o5i1e .code-block:where(.svelte-o5i1e){background:var(--card-2);margin:.5rem 0;padding:.5rem;position:relative}section.svelte-o5i1e .code-block:where(.svelte-o5i1e) .code-copy:where(.svelte-o5i1e){position:absolute;top:.5rem;right:.5rem}section.svelte-o5i1e .instructions:where(.svelte-o5i1e){margin-bottom:.5rem;font-size:1rem}section.svelte-o5i1e .instructions:where(.svelte-o5i1e) code:where(.svelte-o5i1e){background:var(--card-2);border-radius:6px;padding:0 .25rem}section.svelte-o5i1e .hljs{background:var(--card-2);padding:0;font-size:1.1rem}