button.svelte-ug9vkp{margin:0;border:none;background:transparent;font-size:inherit;color:inherit;width:100%;text-align:inherit;padding:.25em 1em;border:2px solid rgba(76 76 76 / .4);--base-color:#17171755;background:var(--base-color);border-radius:.5em;--shadow-color:0deg 0% 0%;--shadow-elevation-low:inset 0 .25px 0 rgba(255, 255, 255, .1), 0px .5px .5px hsl(var(--shadow-color) / .68), -.1px .75px .6px -.6px hsl(var(--shadow-color) / .57), -.2px 2px 2px -2.5px hsl(var(--shadow-color) / .46), -.4px 4px 4px -3.7px hsl(var(--shadow-color) / .35);--shadow-elevation-medium:inset 0 .25px 0 rgba(255, 255, 255, .1), 0px .5px .5px hsl(var(--shadow-color) / .68), -.1px 1.3px 1.2px -1.2px hsl(var(--shadow-color) / .27), -.2px 3px 3.7px -2.5px hsl(var(--shadow-color) / .36), -.6px 6px 10px -3.7px hsl(var(--shadow-color) / .25);box-shadow:var(--shadow-elevation-low);transition:box-shadow .1s cubic-bezier(.47,0,.745,.715),background-color .1s cubic-bezier(.47,0,.745,.715),border-color .3s ease-in-out}button.svelte-ug9vkp:hover{box-shadow:var(--shadow-elevation-medium);background-color:color(from var(--base-color) 20%);cursor:copy}button.svelte-ug9vkp:focus-visible{outline:2px solid rgba(153 205 50 / .4)}.copied.svelte-ug9vkp{border-color:#99cd32}span.svelte-ug9vkp{font-weight:600;color:#99cd32}code.svelte-ug9vkp{font-size:.9rem}fractl-modal [data-fractl-trigger]{--fcl-btn-color: var(--bg);--fcl-btn-background: #e3e3e3;padding:.5em 1.25em;cursor:pointer}.svelte-pnbgln.svelte-pnbgln{box-sizing:border-box;min-width:0}:root{--text:#bbb;--bg:hsl(0, 0%, 15%);background:var(--bg);background:oklch(20%,.004,144);color:var(--text)}body{margin:0}.grid.svelte-pnbgln.svelte-pnbgln{display:grid;padding-inline:1rem}header.svelte-pnbgln.svelte-pnbgln{font-family:Courier New,Courier,monospace;font-size:85%;position:sticky;top:0;z-index:10;display:flex;background:#262626;background:oklch(20%,.004,144);flex-direction:row;justify-content:space-between;container-type:inline-size;container-name:header;padding-block:1em}header.svelte-pnbgln.svelte-pnbgln div{display:none;opacity:0;transition:opacity 1.6s allow-discrete ease-in-out}.bind.svelte-pnbgln.svelte-pnbgln{font-weight:600;background-color:var(--text);color:var(--bg);opacity:.8}@container header (min-width: 620px){header.svelte-pnbgln>div.svelte-pnbgln{display:flex;gap:.5rem;flex-direction:row;flex-wrap:wrap;opacity:1}}h1.svelte-pnbgln.svelte-pnbgln{box-sizing:border-box;margin:0;transform-origin:top left}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){h1.svelte-pnbgln.svelte-pnbgln{animation:svelte-pnbgln-to-header linear forwards;animation-timeline:view();animation-range-start:93vh;animation-range-end:calc(93vh + var(--height));position:sticky;top:1em;opacity:1;scale:1;z-index:11}}}@keyframes svelte-pnbgln-to-header{to{scale:.1;opacity:0}}main.svelte-pnbgln.svelte-pnbgln{padding-block-start:3em}.hero.svelte-pnbgln.svelte-pnbgln{display:flex;flex-direction:column;gap:.15rem;margin-inline:auto}.hero.svelte-pnbgln.svelte-pnbgln p{margin:0;opacity:.8;font-size:1em;font-weight:500}.preview.svelte-pnbgln.svelte-pnbgln{display:flex;align-items:center;justify-content:center;margin-block:.25em;width:min(1000px,100%);border:2px solid rgba(76 76 76 / .4);border-radius:.5em;background:radial-gradient(circle,rgba(76 76 76 / .4) 12%,transparent 14%);background-size:1.5em 1.5em;aspect-ratio:3 / 1}.btn-reset.svelte-pnbgln.svelte-pnbgln{background:none;color:inherit;font-size:inherit;border:none;padding:0}.menu-option.svelte-pnbgln.svelte-pnbgln{cursor:pointer;font-size:96%;opacity:.7;padding:.5em 1em;transition:background .2s ease;position:relative;border-radius:8px}.menu-option.selected.svelte-pnbgln.svelte-pnbgln{font-weight:600;opacity:1}.menu-option.selected.svelte-pnbgln.svelte-pnbgln:after{content:"";position:absolute;left:0;right:0;bottom:0;transform:translateY(.6em);border-bottom:2px solid white}.menu-option.svelte-pnbgln.svelte-pnbgln:hover{background:#4c4c4c66;opacity:1}