.creator.svelte-ldo819{align-items:start;gap:var(--sable-space-600);grid-template-columns:minmax(0,22rem) minmax(0,1fr);display:grid}.controls.svelte-ldo819,.output.svelte-ldo819{gap:var(--sable-space-400);min-width:0;display:grid}.output.svelte-ldo819{position:sticky;top:5rem}.import.svelte-ldo819{cursor:pointer;position:relative}.import.svelte-ldo819 input:where(.svelte-ldo819){opacity:0;width:1px;height:1px;position:absolute}.import.svelte-ldo819:focus-within{outline:2px solid var(--sable-focus-ring);outline-offset:2px}.panel.svelte-ldo819{gap:var(--sable-space-300);padding:var(--sable-space-500);border:1px solid var(--sable-bg-container-line);border-radius:var(--sable-radius);display:grid}.panel.svelte-ldo819 h2:where(.svelte-ldo819){margin:0;font-size:1rem}.hint.svelte-ldo819{color:var(--sable-surface-var-on-container);margin:0;font-size:.875rem}.row.svelte-ldo819{gap:var(--sable-space-300);flex-wrap:wrap;display:flex}.row.svelte-ldo819 .field:where(.svelte-ldo819){flex:1}.field.svelte-ldo819{gap:var(--sable-space-100);font-size:.875rem;font-weight:600;display:grid}input[type=text].svelte-ldo819,select.svelte-ldo819{box-sizing:border-box;width:100%;min-height:var(--sable-control-height);padding:0 var(--sable-space-300);border:1px solid var(--sable-bg-container-line);border-radius:var(--sable-radius);background:var(--sable-bg-container);color:var(--sable-bg-on-container);font:inherit;font-weight:400}input[type=range].svelte-ldo819{accent-color:var(--sable-primary-main)}.color-field.svelte-ldo819{align-items:center;gap:var(--sable-space-300);grid-template-columns:auto minmax(0,1fr) 8.5rem;font-size:.875rem;display:grid}.color-field.svelte-ldo819 input[type=color]:where(.svelte-ldo819){border:1px solid var(--sable-bg-container-line);cursor:pointer;background:0 0;border-radius:50%;width:2rem;height:2rem;padding:0}.color-field.svelte-ldo819 input[type=color]:where(.svelte-ldo819)::-webkit-color-swatch-wrapper{padding:0}.color-field.svelte-ldo819 input[type=color]:where(.svelte-ldo819)::-webkit-color-swatch{border:0;border-radius:50%}.color-field.svelte-ldo819 input[type=color]:where(.svelte-ldo819)::-moz-color-swatch{border:0;border-radius:50%}.color-label.svelte-ldo819{overflow-wrap:anywhere;min-width:0}.color-text.svelte-ldo819{min-height:2rem!important;font-family:Space Mono,monospace!important;font-size:.75rem!important}summary.svelte-ldo819{justify-content:space-between;align-items:center;gap:var(--sable-space-300);border-radius:var(--sable-radius);cursor:pointer;list-style:none;display:flex}summary.svelte-ldo819::-webkit-details-marker{display:none}summary.svelte-ldo819:after{content:"";width:1rem;height:1rem;transition:transform var(--sable-motion-normal) var(--sable-motion-easing);background:currentColor;mask:url(/icons/arrow-right.svg) 50%/contain no-repeat}details[open].svelte-ldo819 summary:where(.svelte-ldo819):after{transform:rotate(90deg)}details.panel.svelte-ldo819:not([open]){gap:0}details[open].svelte-ldo819 summary:where(.svelte-ldo819){margin-bottom:var(--sable-space-200)}.count.svelte-ldo819{color:var(--sable-primary-main);margin-left:auto;font-size:.8125rem;font-weight:700}.token.svelte-ldo819{align-items:center;gap:var(--sable-space-200);grid-template-columns:minmax(0,1fr) auto;display:grid}.token.overridden.svelte-ldo819 .color-label:where(.svelte-ldo819){color:var(--sable-primary-main);font-weight:700}.reset.svelte-ldo819{padding:var(--sable-space-100) var(--sable-space-200);border-radius:var(--sable-radius);color:var(--sable-primary-main);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.75rem;font-weight:700}.reset.svelte-ldo819:hover{background:var(--sable-bg-container-hover)}button.svelte-ldo819{cursor:pointer;font-family:inherit}pre.svelte-ldo819{max-height:16rem;padding:var(--sable-space-400);border-radius:var(--sable-radius);background:var(--sable-surface-var-container);box-shadow:inset 0 0 0 1px var(--sable-surface-var-container-line);margin:0;font-size:.75rem;overflow:auto}@media (width<=60rem){.creator.svelte-ldo819{grid-template-columns:minmax(0,1fr)}.output.svelte-ldo819{display:contents}.output.svelte-ldo819>:first-child{order:-1}}.page[data-astro-cid-wwiduo55]{padding-block:clamp(2rem,5vw,4rem)}.page-header[data-astro-cid-wwiduo55]{margin-bottom:var(--sable-space-600)}.page-header[data-astro-cid-wwiduo55] p[data-astro-cid-wwiduo55]{margin:var(--sable-space-300) 0 0;color:var(--sable-surface-var-on-container);font-size:1.125rem}
