:root{--twp-background:var(--color-base-200);--twp-identifier:var(--color-base-content);--twp-comment:#6f6a5c;--twp-punctuation:#57503f;--twp-keyword:#12643f;--twp-string:#a14d00;--twp-type:#8a2b6b;--twp-function:#1d5fa8;--twp-property:#6a5600;--twp-constant:#b3261e;--twp-highlight:color-mix(in oklch, var(--color-secondary) 22%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--twp-comment:#a39a88;--twp-punctuation:#cdc3ad;--twp-keyword:#8fdcae;--twp-string:#ffc55c;--twp-type:#f0a8d8;--twp-function:#9cc7ff;--twp-property:#ddd27c;--twp-constant:#ff9d8a}}:root[data-theme=dark]{--twp-comment:#a39a88;--twp-punctuation:#cdc3ad;--twp-keyword:#8fdcae;--twp-string:#ffc55c;--twp-type:#f0a8d8;--twp-function:#9cc7ff;--twp-property:#ddd27c;--twp-constant:#ff9d8a}.twinkleplop{color:var(--twp-identifier);background:var(--twp-background);font-family:var(--font-mono);font-variant-ligatures:none;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;overflow-wrap:normal;tab-size:2;-webkit-hyphens:none;hyphens:none;margin:0;padding-block:1rem;padding-inline:0;font-size:.875rem;line-height:1.7;overflow:auto}.twinkleplop code{width:max-content;min-width:100%;color:inherit;font:inherit;white-space:inherit;display:grid}.twinkleplop .l{min-height:1lh;padding-inline:var(--code-gutter,1.25rem)}.twinkleplop .l.highlight{background:var(--twp-highlight);box-shadow:inset 3px 0 0 var(--color-secondary)}.twinkleplop .ln{width:2ch;color:var(--twp-comment);text-align:right;-webkit-user-select:none;user-select:none;margin-right:1.25rem;display:none}[data-line-numbers] .twinkleplop .ln{display:inline-block}.twinkleplop .highlighted-word{background:var(--twp-highlight);box-shadow:0 0 0 2px var(--twp-highlight);border-radius:.25rem}.twinkleplop .comment{color:var(--twp-comment);font-style:italic}.twinkleplop :is(.punctuation,.operator,.attr_sigil){color:var(--twp-punctuation)}.twinkleplop :is(.keyword,.tag,.tag_name,.svelte_block,.svelte_directive,.directive,.selector){color:var(--twp-keyword)}.twinkleplop :is(.string,.template,.regex,.plain_scalar,.url,.url_link){color:var(--twp-string)}.twinkleplop :is(.type,.class_name,.builtin,.namespace,.selector_class){color:var(--twp-type)}.twinkleplop :is(.function,.decorator,.entity,.prompt){color:var(--twp-function)}.twinkleplop :is(.property,.attr_name,.attribute,.css_variable){color:var(--twp-property)}.twinkleplop :is(.number,.boolean,.null,.constant,.string_escape,.escape,.unit){color:var(--twp-constant)}.twinkleplop .output{color:var(--twp-comment)}.twinkleplop :is(.space,.tab,.newline){white-space:pre}.example.svelte-1txrl2j{--code-gutter:clamp(1rem, 3vw, 1.25rem);margin-block:1.75rem}.code.svelte-1txrl2j{border:1px solid var(--color-base-300);border-radius:var(--radius-box);background:var(--twp-background);overflow:hidden}.bar.svelte-1txrl2j{padding:.25rem .375rem .25rem var(--code-gutter);border-bottom:1px solid var(--color-base-300);justify-content:space-between;align-items:center;display:flex}.code.svelte-1txrl2j pre:focus-visible{outline-offset:-2px}.live.svelte-1txrl2j{border:1.5px solid var(--color-base-content);border-radius:var(--radius-box);box-shadow:6px 6px 0 var(--color-secondary);margin-block:2.25rem 2.75rem}.live.svelte-1txrl2j .stage:where(.svelte-1txrl2j){border-bottom:1.5px solid var(--color-base-content);border-radius:calc(var(--radius-box) - 1.5px) calc(var(--radius-box) - 1.5px) 0 0;background-color:var(--color-base-100);padding:clamp(.75rem,3vw,1.5rem)}.live.svelte-1txrl2j .code:where(.svelte-1txrl2j){border-radius:0 0 calc(var(--radius-box) - 1.5px) calc(var(--radius-box) - 1.5px);border:0}