.DemoContainer.svelte-eqvkbk{transition:background var(--theme-transition-duration) ease-out;background:var(--demo-bg);padding:var(--component-padding);forced-color-adjust:none;position:relative}.DemoGrid.svelte-79l2jb{width:round(100%, var(--demo-grid-gap) / 2);height:calc(var(--demo-grid-gap) * 8);justify-content:center;justify-self:center;align-items:center;display:flex;position:relative;container-type:size}.DemoGrid.svelte-79l2jb .DemoGrid__gridAligned:where(.svelte-79l2jb){z-index:3;grid-template-columns:repeat(auto-fill, var(--demo-grid-gap));grid-template-rows:repeat(auto-fill, var(--demo-grid-gap));pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.DemoGrid.svelte-79l2jb .DemoGrid__gridAligned:where(.svelte-79l2jb) *{pointer-events:all}.DemoGrid.svelte-79l2jb .DemoGrid__graph:where(.svelte-79l2jb){z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.DemoGrid.svelte-79l2jb .DemoGrid__graph:where(.svelte-79l2jb) *{vector-effect:non-scaling-stroke}.DemoGrid.svelte-79l2jb .DemoGrid__content:where(.svelte-79l2jb){z-index:2;width:100%;height:100%;position:relative;top:0;left:0}.DemoGrid.DemoGrid--square.svelte-79l2jb .DemoGrid__content:where(.svelte-79l2jb){aspect-ratio:1;width:unset}.DemoGrid.svelte-79l2jb .DemoGrid__bg:where(.svelte-79l2jb){--g-offset:50%;--g-sub-offset:calc(50% + var(--demo-grid-gap-sub) / 2);--g-extra-dash-offset:calc(50% + 2px);z-index:0;width:100%;height:100%;box-shadow:inset 0 0 0 var(--demo-grid-line-width) var(--demo-grid-stroke);transition:background var(--theme-transition-duration) ease-out;background:linear-gradient(to bottom, transparent 50%, var(--demo-grid-stroke) 50%, var(--demo-grid-stroke) calc(50% + var(--demo-grid-line-width)), transparent calc(50% + var(--demo-grid-line-width))) var(--g-offset) var(--g-offset)/var(--demo-grid-gap) var(--demo-grid-gap) repeat, linear-gradient(to right, transparent 50%, var(--demo-grid-stroke) 50%, var(--demo-grid-stroke) calc(50% + var(--demo-grid-line-width)), transparent calc(50% + var(--demo-grid-line-width))) var(--g-offset) var(--g-offset)/var(--demo-grid-gap) var(--demo-grid-gap) repeat, linear-gradient(to bottom, transparent calc(50% - 1px), var(--demo-bg) calc(50% - 1px), var(--demo-bg) calc(50% + var(--demo-grid-line-width) + 1px), transparent calc(50% + var(--demo-grid-line-width) + 1px)) var(--g-offset) var(--g-offset)/var(--demo-grid-gap) var(--demo-grid-gap) repeat, linear-gradient(to right, transparent calc(50% - 1px), var(--demo-bg) calc(50% - 1px), var(--demo-bg) calc(50% + var(--demo-grid-line-width) + 1px), transparent calc(50% + var(--demo-grid-line-width) + 1px)) var(--g-offset) var(--g-offset)/var(--demo-grid-gap) var(--demo-grid-gap) repeat, linear-gradient(to bottom, var(--demo-bg) var(--demo-grid-line-width), transparent var(--demo-grid-line-width)) var(--g-extra-dash-offset) var(--g-extra-dash-offset)/4px 4px repeat, linear-gradient(to right, var(--demo-bg) var(--demo-grid-line-width), transparent var(--demo-grid-line-width)) var(--g-extra-dash-offset) var(--g-extra-dash-offset)/4px 4px repeat, linear-gradient(to bottom, var(--demo-grid-stroke-sub) var(--demo-grid-line-width), transparent var(--demo-grid-line-width)) var(--g-sub-offset) var(--g-sub-offset)/var(--demo-grid-gap-sub) var(--demo-grid-gap-sub) repeat, linear-gradient(to right, var(--demo-grid-stroke-sub) var(--demo-grid-line-width), transparent var(--demo-grid-line-width)) var(--g-sub-offset) var(--g-sub-offset)/var(--demo-grid-gap-sub) var(--demo-grid-gap-sub) repeat, var(--demo-bg);border-radius:3px;position:absolute;top:0;left:0;transform:translate(0,0)}.Button.svelte-asuu5d{appearance:none;cursor:pointer;background:oklch(from var(--theme-page-bg-alt) calc(l + .01) c h/1);color:var(--theme-page-text);border:none;border-radius:.25rem;justify-content:center;align-items:center;transition:background .2s ease-in-out;display:inline-flex}.theme-dark .Button.svelte-asuu5d{background:oklch(from var(--theme-page-bg-alt) calc(l + .2) c h/1)}.Button.svelte-asuu5d:hover{background:oklch(from var(--theme-page-bg-alt) calc(l - .03) c h/1)}.theme-dark .Button.svelte-asuu5d:hover{background:oklch(from var(--theme-page-bg-alt) calc(l + .3) c h/1)}.theme-transition-active .Button.svelte-asuu5d{transition:all var(--theme-transition-duration) ease-out}.Button--fullWidth.svelte-asuu5d{width:100%}.Slider.svelte-1c4utxu{--level:0;--trackWidth:3px;--levelWidth:7px;--handleSize:12px;--handleActiveSize:15px;touch-action:none;outline-offset:2px;align-items:center;gap:8px;line-height:1;display:flex}html:not(.is-keyboard) .Slider.svelte-1c4utxu:focus{outline:0 solid #0000}.Slider.svelte-1c4utxu:not(.Slider--isGlobalActive){cursor:pointer}.Slider--isActive.svelte-1c4utxu{cursor:grabbing}.Slider--isDisabled.svelte-1c4utxu{cursor:not-allowed}.Slider__label.svelte-1c4utxu{font-family:var(--ff-serif);min-width:2ch;margin-top:-.1rem;margin-bottom:.1rem}.Slider__value.svelte-1c4utxu{font-variation-settings:tabular-nums;min-width:calc(2ch + 1ch * var(--valuePrecision));text-align:right}.Slider__main.svelte-1c4utxu{flex:1}.Slider__track.svelte-1c4utxu{height:1px;margin:12px calc(var(--levelWidth) / 2);flex:1;position:relative}.Slider__bg.svelte-1c4utxu{width:calc(var(--trackWidth) + 100%);height:var(--trackWidth);top:calc(-1 * var(--trackWidth) / 2);left:calc(-1 * var(--trackWidth) / 2);border-radius:var(--trackWidth);background:var(--color-2);position:absolute}.theme-transition-active .Slider__bg.svelte-1c4utxu{transition:background var(--theme-transition-duration) ease-out}.Slider__level.svelte-1c4utxu{width:calc(var(--levelWidth) + 100% * var(--level));height:var(--levelWidth);top:calc(-1 * var(--levelWidth) / 2);left:calc(-1 * var(--levelWidth) / 2);background:var(--color);border-radius:var(--levelWidth);transition:background .2s ease-in;position:absolute;overflow:hidden}.theme-transition-active .Slider__level.svelte-1c4utxu{transition:background var(--theme-transition-duration) ease-out}.Slider.svelte-1c4utxu:not(.Slider--isGlobalActive):hover .Slider__level:where(.svelte-1c4utxu),.Slider--isActive.svelte-1c4utxu .Slider__level:where(.svelte-1c4utxu){will-change:width;background:lch(from var(--color) calc(l - 10) c h/1)}.Slider__level.svelte-1c4utxu:before{content:"";width:var(--levelWidth);height:var(--levelWidth);top:0;right:calc(var(--levelWidth) / 2 - (var(--handleSize) - var(--handleActiveSize)) + 1px);z-index:2;background:inherit;transition:right .1s ease-in;position:absolute}.theme-transition-active .Slider__level.svelte-1c4utxu:before{transition:background var(--theme-transition-duration) ease-out}.Slider.svelte-1c4utxu:not(.Slider--isGlobalActive):hover .Slider__level:where(.svelte-1c4utxu):before,.Slider.svelte-1c4utxu:focus .Slider__level:where(.svelte-1c4utxu):before,.Slider--isActive.svelte-1c4utxu .Slider__level:where(.svelte-1c4utxu):before{right:var(--levelWidth)}.Slider__thumb.svelte-1c4utxu{width:var(--handleSize);height:var(--handleSize);top:0;left:calc(100% * var(--level));background:var(--demo-bg);border:calc((var(--handleActiveSize) - var(--levelWidth)) / 2) solid var(--color);outline:0 solid var(--demo-bg);border-radius:50%;transition:background .2s ease-in,border-color .2s ease-in,width .1s ease-in,height .1s ease-in,outline-width .1s ease-in;position:absolute;transform:translate(-50%,-50%)}.theme-transition-active .Slider__thumb.svelte-1c4utxu{transition:background var(--theme-transition-duration) ease-out, outline-color var(--theme-transition-duration) ease-out}.Slider.svelte-1c4utxu:not(.Slider--isGlobalActive):hover .Slider__thumb:where(.svelte-1c4utxu),.Slider.svelte-1c4utxu:focus .Slider__thumb:where(.svelte-1c4utxu),.Slider--isActive.svelte-1c4utxu .Slider__thumb:where(.svelte-1c4utxu){width:var(--handleActiveSize);height:var(--handleActiveSize);outline-width:3px}.Slider.svelte-1c4utxu:not(.Slider--isGlobalActive):hover .Slider__thumb:where(.svelte-1c4utxu),.Slider--isActive.svelte-1c4utxu .Slider__thumb:where(.svelte-1c4utxu){will-change:left;border-color:lch(from var(--color) calc(l - 10) c h/1)}.FormGroup.svelte-1q8jlf0{grid-template-columns:1fr;gap:.3rem;margin-top:.6rem;display:grid}.DemoHandle.svelte-k7lcbn{width:calc(var(--size) * 1px);height:calc(var(--size) * 1px);top:calc(var(--y) * 100%);left:calc(var(--x) * 100%);z-index:1;will-change:transform;background:var(--demo-bg);border:4px solid var(--color);cursor:not-allowed;touch-action:none;border-radius:50%;position:absolute}.DemoHandle--isSquare.svelte-k7lcbn{border-radius:0%}.DemoContainer.DemoContainer--isHydrated.svelte-k7lcbn .DemoHandle__touchArea:where(.svelte-k7lcbn){border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.DemoContainer.DemoContainer--isHydrated .DemoHandle.svelte-k7lcbn{cursor:pointer}.DemoContainer.DemoContainer--isHydrated .DemoHandle.svelte-k7lcbn:hover,.DemoContainer.DemoContainer--isHydrated .DemoHandle.svelte-k7lcbn:focus{outline-offset:1px;outline:2px solid #fff}.DemoContainer.DemoContainer--isHydrated .DemoHandle--isActive.svelte-k7lcbn,.DemoContainer.DemoContainer--isHydrated .DemoHandle--isActive.svelte-k7lcbn:hover{cursor:grabbing;border-color:lch(from var(--color) calc(l - 10) c h/1);outline-offset:2px;z-index:99;outline:2px solid #fff}.DemoContainer.DemoContainer--isHydrated .DemoHandle__touchArea.svelte-k7lcbn{border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.DemoTextLabel.svelte-1cd76j2{width:fit-content;height:fit-content;color:var(--color);background:var(--bg-color);box-sizing:border-box;line-height:1.1;font-size:var(--font-size);border-radius:6px;padding:4px 8px 2px;display:block;position:relative}.DemoTextLabel__arrow.svelte-1cd76j2{z-index:-1;background:var(--bg-color);transform-box:fill-box;transform-origin:50%;border-radius:2px;width:8px;height:8px;position:absolute}