.svelte-fluid-ink-paper.svelte-1c7ae51{position:relative;isolation:isolate;touch-action:pan-y pinch-zoom}canvas.svelte-1c7ae51{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-1;pointer-events:none}canvas.failed.svelte-1c7ae51{display:none}.liquid-button.svelte-11i2bnr{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1.4rem;border:0;border-radius:999px;background:linear-gradient(var(--liquid-fill),var(--liquid-fill-low));color:var(--liquid-text);font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;isolation:isolate}.liquid-button.svelte-11i2bnr:disabled{cursor:not-allowed;opacity:.55}.liquid-button.svelte-11i2bnr:focus-visible{outline:2px solid var(--liquid-ring);outline-offset:2px}canvas.svelte-11i2bnr{position:absolute;inset:calc(-1 * var(--liquid-pad));width:calc(100% + 2 * var(--liquid-pad));height:calc(100% + 2 * var(--liquid-pad));z-index:-1;pointer-events:none;display:none}.label.svelte-11i2bnr{position:relative}.live.svelte-11i2bnr{background:transparent}.live.svelte-11i2bnr canvas:where(.svelte-11i2bnr){display:block}.live.svelte-11i2bnr:focus-visible{outline:none}@media(forced-colors:active){.liquid-button.svelte-11i2bnr{border:1px solid ButtonText;background:ButtonFace;color:ButtonText}.liquid-button.svelte-11i2bnr canvas:where(.svelte-11i2bnr){display:none}.liquid-button.svelte-11i2bnr:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.liquid-segmented.svelte-1ioe8yz{margin:0;padding:0;border:0;min-inline-size:0}legend.svelte-1ioe8yz{padding:0;margin-bottom:.4rem;font-size:.85em}.track.svelte-1ioe8yz{position:relative;display:inline-flex;border-radius:999px;background:linear-gradient(var(--liquid-fill),var(--liquid-fill-low));color:var(--liquid-text);isolation:isolate}canvas.svelte-1ioe8yz{position:absolute;inset:calc(-1 * var(--liquid-pad));width:calc(100% + 2 * var(--liquid-pad));height:calc(100% + 2 * var(--liquid-pad));z-index:-1;pointer-events:none;display:none}label.svelte-1ioe8yz{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;min-width:5.5rem;padding:0 1.1rem;border-radius:999px;font-weight:600;cursor:pointer}input.svelte-1ioe8yz{position:absolute;inset:0;margin:0;opacity:0;cursor:inherit}label.svelte-1ioe8yz:has(input:where(.svelte-1ioe8yz):checked){background:color-mix(in srgb,var(--liquid-ring) 22%,transparent)}label.svelte-1ioe8yz:has(input:where(.svelte-1ioe8yz):focus-visible){outline:2px solid var(--liquid-ring);outline-offset:-3px}.liquid-segmented.svelte-1ioe8yz:disabled label:where(.svelte-1ioe8yz){cursor:not-allowed;opacity:.55}span.svelte-1ioe8yz{position:relative;pointer-events:none}.live.svelte-1ioe8yz .track:where(.svelte-1ioe8yz){background:transparent}.live.svelte-1ioe8yz canvas:where(.svelte-1ioe8yz){display:block}.live.svelte-1ioe8yz label:where(.svelte-1ioe8yz):has(input:where(.svelte-1ioe8yz):checked){background:transparent}.live.svelte-1ioe8yz label:where(.svelte-1ioe8yz):has(input:where(.svelte-1ioe8yz):focus-visible){outline:none;box-shadow:inset 0 -2px 0 var(--liquid-ring)}@media(forced-colors:active){.track.svelte-1ioe8yz{border:1px solid ButtonText;background:ButtonFace}.track.svelte-1ioe8yz canvas:where(.svelte-1ioe8yz){display:none}label.svelte-1ioe8yz:has(input:where(.svelte-1ioe8yz):checked){background:Highlight;color:HighlightText;forced-color-adjust:none}label.svelte-1ioe8yz:has(input:where(.svelte-1ioe8yz):focus-visible){outline:2px solid ButtonText;box-shadow:none}}.liquid-dropzone.svelte-1jc2vl0{position:relative;display:flex;align-items:center;justify-content:center;min-height:8rem;padding:1.5rem;border:0;border-radius:18px;background:linear-gradient(var(--liquid-fill),var(--liquid-fill-low));color:var(--liquid-text);font:inherit;text-align:center;cursor:pointer;isolation:isolate;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--liquid-text) 35%,transparent)}.over.svelte-1jc2vl0{box-shadow:inset 0 0 0 2px var(--liquid-ring)}.disabled.svelte-1jc2vl0{cursor:not-allowed;opacity:.55}.input.svelte-1jc2vl0{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.liquid-dropzone.svelte-1jc2vl0:has(.input:where(.svelte-1jc2vl0):focus-visible){outline:2px solid var(--liquid-ring);outline-offset:2px}canvas.svelte-1jc2vl0{position:absolute;inset:calc(-1 * var(--liquid-pad));width:calc(100% + 2 * var(--liquid-pad));height:calc(100% + 2 * var(--liquid-pad));z-index:-1;pointer-events:none;display:none}.text.svelte-1jc2vl0{position:relative;pointer-events:none}.status.svelte-1jc2vl0{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.live.svelte-1jc2vl0,.live.over.svelte-1jc2vl0{background:transparent;box-shadow:none}.live.svelte-1jc2vl0 canvas:where(.svelte-1jc2vl0){display:block}.live.svelte-1jc2vl0:has(.input:where(.svelte-1jc2vl0):focus-visible){outline:none}@media(forced-colors:active){.liquid-dropzone.svelte-1jc2vl0{border:2px dashed ButtonText;background:ButtonFace;color:ButtonText;box-shadow:none}.liquid-dropzone.over.svelte-1jc2vl0{border-style:solid}.liquid-dropzone.svelte-1jc2vl0 canvas:where(.svelte-1jc2vl0){display:none}.liquid-dropzone.svelte-1jc2vl0:has(.input:where(.svelte-1jc2vl0):focus-visible){outline:2px solid Highlight;outline-offset:2px}}.liquid-caustics.svelte-1dx0wim{position:relative}canvas.svelte-1dx0wim{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:none}.screen.svelte-1dx0wim{mix-blend-mode:screen}.live.svelte-1dx0wim>canvas:where(.svelte-1dx0wim){display:block}@media(forced-colors:active){.liquid-caustics.svelte-1dx0wim>canvas:where(.svelte-1dx0wim){display:none}}.liquid-toggle.svelte-1ptvw7b{position:relative;display:inline-flex;align-items:center;gap:.75rem;min-height:3rem;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}input.svelte-1ptvw7b{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit;z-index:1}.track.svelte-1ptvw7b{position:relative;display:inline-flex;width:6rem;height:3rem;border-radius:999px;background:linear-gradient(var(--liquid-fill),var(--liquid-fill-low));color:var(--liquid-text);isolation:isolate;pointer-events:none}.end.svelte-1ptvw7b{display:flex;align-items:center;justify-content:center;width:50%;border-radius:999px;font-size:.75rem}.selected.svelte-1ptvw7b{font-weight:700;text-decoration:underline;text-underline-offset:3px;background:color-mix(in srgb,var(--liquid-ring) 22%,transparent)}canvas.svelte-1ptvw7b{position:absolute;inset:calc(-1 * var(--liquid-pad));width:calc(100% + 2 * var(--liquid-pad));height:calc(100% + 2 * var(--liquid-pad));z-index:-1;display:none;pointer-events:none}.live.svelte-1ptvw7b .track:where(.svelte-1ptvw7b),.live.svelte-1ptvw7b .selected:where(.svelte-1ptvw7b){background:transparent}.live.svelte-1ptvw7b canvas:where(.svelte-1ptvw7b){display:block}.liquid-toggle.svelte-1ptvw7b:has(input:where(.svelte-1ptvw7b):focus-visible){outline:2px solid var(--liquid-ring);outline-offset:5px}.disabled.svelte-1ptvw7b{cursor:not-allowed;opacity:.55}@media(forced-colors:active){input.svelte-1ptvw7b{position:static;width:auto;height:auto;opacity:1;accent-color:auto}.track.svelte-1ptvw7b{display:none}.liquid-toggle.svelte-1ptvw7b:has(input:where(.svelte-1ptvw7b):focus-visible){outline-color:Highlight}}.enamel-text.svelte-128kuxc{position:relative;display:inline-block;max-width:100%}.source.svelte-128kuxc{white-space:pre-wrap;overflow-wrap:anywhere}canvas.svelte-128kuxc{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;visibility:hidden}.live.svelte-128kuxc canvas:where(.svelte-128kuxc){visibility:visible}.live.svelte-128kuxc .source:where(.svelte-128kuxc){color:transparent}@media(forced-colors:active){.enamel-text.svelte-128kuxc canvas:where(.svelte-128kuxc){display:none}.live.svelte-128kuxc .source:where(.svelte-128kuxc){color:CanvasText}}.example.svelte-pef63v .enamel-demo:where(.svelte-pef63v){margin:0;font-size:clamp(3rem,12vw,5.5rem);line-height:1.1;color:#d9462b}.example.svelte-pef63v{margin:1rem 0;padding:1.25rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#151823}.example-out.svelte-pef63v{margin:.75rem 0 0;font-size:.85rem}.component-index.svelte-pef63v{line-height:1.8}