path.svelte-1vdppcv{fill:none;stroke:var(--gray-3)}.flow.svelte-xuiim8{margin-bottom:64px;padding-inline:1rem;position:relative}.left-edge.svelte-xuiim8{background:var(--gray-3);border-radius:10px;width:3px;height:100%;position:absolute;top:0;bottom:0;left:-3px}.arrow.svelte-xuiim8{position:absolute;bottom:-9.5px;left:-8px}.examples.svelte-1w9axdg{border-block:1px solid var(--gray-5);grid-template-columns:repeat(2,minmax(0,1fr));margin-block:1.5rem .65rem;padding-block:1rem;display:grid}figure.svelte-1w9axdg{grid-template-columns:5rem minmax(0,1fr);align-items:center;gap:.9rem;margin:0;padding-inline:1rem;display:grid}figure.svelte-1w9axdg+figure:where(.svelte-1w9axdg){border-left:1px solid var(--gray-5)}svg.svelte-1w9axdg{fill:none;width:5rem;height:5rem;stroke:var(--in-green);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;border:1px solid var(--gray-3);border-radius:var(--radius);padding:.1rem}svg.svelte-1w9axdg rect:where(.svelte-1w9axdg){stroke:var(--in-yellow);stroke-width:.4px}figcaption.svelte-1w9axdg{gap:.2rem;min-width:0;display:grid}figcaption.svelte-1w9axdg strong:where(.svelte-1w9axdg){font-weight:var(--font-weight-semibold)}figcaption.svelte-1w9axdg span:where(.svelte-1w9axdg){color:var(--gray-3);font-size:var(--text-sm)}code.svelte-1w9axdg{font-size:var(--text-hs);white-space:normal}.result.svelte-1w9axdg{color:var(--in-cyan)}.rule.svelte-1w9axdg{color:var(--gray-3);font-size:var(--text-sm);text-align:center;margin:0 0 1.5rem}.rule.svelte-1w9axdg i:where(.svelte-1w9axdg){color:var(--gray-4);margin-inline:.35rem;font-style:normal}@media (width<38rem){.examples.svelte-1w9axdg{grid-template-columns:1fr}figure.svelte-1w9axdg{padding-block:.7rem}figure.svelte-1w9axdg+figure:where(.svelte-1w9axdg){border-top:1px solid var(--gray-5);border-left:0}}svg.svelte-1vt91ty{fill:none;width:8rem;height:8rem;stroke:var(--in-green);border:2px solid var(--gray-3);border-radius:var(--radius);padding:3px}rect.svelte-1vt91ty{stroke-width:.4px}svg.svelte-1ed8icj{fill:none;width:8rem;height:8rem;stroke:var(--in-green);border:2px solid var(--gray-3);border-radius:var(--radius);padding:3px}rect.svelte-1ed8icj{stroke-width:.4px}svg.svelte-116po2s{fill:none;width:8rem;height:8rem;stroke:var(--in-green);border:2px solid var(--gray-3);border-radius:var(--radius);padding:3px}rect.svelte-116po2s{stroke-width:.4px}.code.svelte-vqltnt{margin-top:1rem;display:grid}.panel.svelte-vqltnt{opacity:0;visibility:hidden;pointer-events:none;grid-area:1/1;min-width:0;transition:opacity .2s,visibility 0s linear .2s}.panel.visible.svelte-vqltnt{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.playground.svelte-n5kf68{margin-bottom:2em}.surface.svelte-n5kf68{border:1px solid var(--gray-5);border-radius:var(--radius-xl);background:var(--gray-7);grid-template-columns:minmax(0,1fr) 16rem;margin-bottom:.75rem;display:grid;overflow:hidden}.preview.svelte-n5kf68{place-items:center;min-height:15rem;padding:2rem;display:grid;overflow:hidden}.controls.svelte-n5kf68{border-left:1px solid var(--gray-5);background:var(--gray-6);align-content:center;gap:1.25rem;padding:1.25rem;display:grid}.code.svelte-n5kf68{min-width:0}.code.svelte-n5kf68 .code-block{margin:0}@media (width<38rem){.surface.svelte-n5kf68{grid-template-columns:1fr}.preview.svelte-n5kf68{min-height:12rem}.controls.svelte-n5kf68{border-top:1px solid var(--gray-5);border-left:0}}.property.svelte-a86edg{gap:.75rem;display:grid}.heading.svelte-a86edg,.picker.svelte-a86edg{justify-content:space-between;align-items:center;gap:.75rem;display:flex}code.svelte-a86edg,input.svelte-a86edg{font-size:var(--text-hs)}.color-value.svelte-a86edg{min-width:0}.color-value.svelte-a86edg input:where(.svelte-a86edg){border:0;border-bottom:1px solid var(--gray-4);width:4.75rem;color:var(--gray-2);font-family:var(--font-mono);background:0 0;outline:0;padding:.125rem 0}.color-value.svelte-a86edg input.wide:where(.svelte-a86edg){width:6.25rem}.color-value.svelte-a86edg input:where(.svelte-a86edg):focus{border-color:var(--gray-1)}.transparent-option.svelte-a86edg{border:1px solid var(--gray-3);background:var(--gray-7);border-radius:50%;flex:none;width:.75rem;height:.75rem;position:relative}.transparent-option.selected.svelte-a86edg{outline:2px solid var(--gray-2);outline-offset:1px}.spectrum.svelte-a86edg{flex:1;min-width:0;padding-block:.25rem;display:flex}.spectrum.svelte-a86edg input:where(.svelte-a86edg){border-radius:var(--radius-4xl);cursor:pointer;appearance:none;background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#0ff,#00f,#8b00ff);width:100%;height:.5rem;margin:0}.spectrum.svelte-a86edg input:where(.svelte-a86edg)::-webkit-slider-thumb{border:2px solid var(--gray-7);background:var(--selected-color);width:1rem;height:1rem;box-shadow:0 0 0 1px var(--gray-3);appearance:none;border-radius:50%}.spectrum.svelte-a86edg input:where(.svelte-a86edg)::-moz-range-thumb{border:2px solid var(--gray-7);background:var(--selected-color);width:.75rem;height:.75rem;box-shadow:0 0 0 1px var(--gray-3);border-radius:50%}.spectrum.svelte-a86edg input.inactive:where(.svelte-a86edg)::-webkit-slider-thumb{opacity:0}.spectrum.svelte-a86edg input.inactive:where(.svelte-a86edg)::-moz-range-thumb{opacity:0}.spectrum.svelte-a86edg input:where(.svelte-a86edg):focus-visible,.transparent-option.svelte-a86edg:focus-visible{outline:2px solid var(--gray-3);outline-offset:3px}label.svelte-10dzxre{gap:.5rem;display:grid}.heading.svelte-10dzxre{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}code.svelte-10dzxre{font-size:var(--text-hs)}output.svelte-10dzxre{color:var(--gray-3);font-size:var(--text-hs);font-variant-numeric:tabular-nums}input.svelte-10dzxre{border-radius:var(--radius-4xl);background:linear-gradient(to right, var(--range-color) 0 var(--progress), var(--gray-5) var(--progress) 100%);cursor:pointer;appearance:none;width:100%;height:.1875rem;margin:.25rem 0}input.svelte-10dzxre::-webkit-slider-thumb{background:var(--range-color);appearance:none;border:0;border-radius:50%;width:.75rem;height:.75rem}input.svelte-10dzxre::-moz-range-thumb{background:var(--range-color);border:0;border-radius:50%;width:.75rem;height:.75rem}input.svelte-10dzxre:focus-visible{outline:2px solid var(--gray-3);outline-offset:3px}label.svelte-pk5dcp{justify-content:space-between;align-items:center;gap:.75rem;display:flex}code.svelte-pk5dcp{font-size:var(--text-hs)}.switch.svelte-pk5dcp{flex:none;width:1.75rem;height:1rem;position:relative}input.svelte-pk5dcp{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.track.svelte-pk5dcp{border-radius:var(--radius-4xl);background:var(--gray-5);width:100%;height:100%;display:block}.track.svelte-pk5dcp:before{content:"";background:var(--gray-1);border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:.1875rem;left:.1875rem}input.svelte-pk5dcp:checked+.track:where(.svelte-pk5dcp){background:var(--toggle-color)}input.svelte-pk5dcp:checked+.track:where(.svelte-pk5dcp):before{left:.9375rem}input.svelte-pk5dcp:focus-visible+.track:where(.svelte-pk5dcp){outline:2px solid var(--gray-3);outline-offset:3px}.comparison.svelte-15rq3xs{border:1px solid var(--gray-5);border-radius:var(--radius-xl);background:var(--gray-7);margin-bottom:2em;overflow:hidden}.previews.svelte-15rq3xs{grid-template-columns:repeat(2,minmax(12rem,1fr));display:grid;overflow-x:auto}figure.svelte-15rq3xs{grid-template-rows:minmax(10rem,1fr) auto;gap:1rem;min-height:13rem;margin:0;padding:1.5rem;display:grid}figure.svelte-15rq3xs+figure:where(.svelte-15rq3xs){border-left:1px solid var(--gray-5)}.icon.svelte-15rq3xs{place-items:center;display:grid}figcaption.svelte-15rq3xs{white-space:nowrap;justify-content:center;align-items:baseline;gap:.625rem;display:flex}figcaption.svelte-15rq3xs code:where(.svelte-15rq3xs){font-size:var(--text-hs)}figcaption.svelte-15rq3xs span:where(.svelte-15rq3xs){color:var(--gray-3);font-size:var(--text-sm)}.controls.svelte-15rq3xs{border-top:1px solid var(--gray-5);background:var(--gray-6);grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding:1.25rem;display:grid}@media (width<32rem){.controls.svelte-15rq3xs{grid-template-columns:1fr;gap:1.25rem}}