.dual-range-input{--dri-height: 1.5rem;--dri-thumb-width: 1.25rem;--dri-thumb-height: 1.25rem;--dri-thumb-color: #ddd;--dri-thumb-hover-color: #a8d5ff;--dri-thumb-active-color: #4eaaff;--dri-thumb-border-color: rgba(0, 0, 0, .1);--dri-thumb-border-hover-color: var(--dri-thumb-border-color);--dri-thumb-border-active-color: var(--dri-thumb-border-color);--dri-thumb-border-radius: 1rem;--dri-thumb-border-width: 1px;--dri-track-height: .25rem;--dri-track-border-radius: 1rem;--dri-track-color: #ccc;--dri-track-filled-color: #0084ff;--dri-track-filled-gradient-mid-color: var(--dri-track-filled-color);--dri-track-filled-gradient-end-color: var(--dri-track-filled-color);display:flex;height:var(--dri-height);max-width:100%;width:100%;box-sizing:border-box;padding-inline-end:calc(var(--dri-thumb-width) * 2)}.dual-range-input:has(input:focus-visible){outline:2px solid var(--dri-thumb-active-color);outline-offset:4px;border-radius:2px}.dual-range-input input{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;background:none;border-radius:0;flex-basis:calc(50% + var(--dri-thumb-width));flex-shrink:0;font-size:inherit;height:100%;margin:0;min-width:var(--dri-thumb-width);outline:none}.dual-range-input input::-moz-range-track{background-color:var(--dri-track-color);background-repeat:no-repeat;box-sizing:border-box;height:var(--dri-track-height)}.dual-range-input input:first-child::-moz-range-track{border-start-start-radius:var(--dri-track-border-radius);border-end-start-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}[dir=rtl] .dual-range-input input:first-child::-moz-range-track{background-image:linear-gradient(to left,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}.dual-range-input input:last-child::-moz-range-track{border-start-end-radius:var(--dri-track-border-radius);border-end-end-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:last-child::-moz-range-track{background-image:linear-gradient(to left,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}.dual-range-input input::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--dri-thumb-color);border-radius:var(--dri-thumb-border-radius);border:var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);box-shadow:none;box-sizing:border-box;height:var(--dri-thumb-height);width:var(--dri-thumb-width);max-width:99.99%}.dual-range-input input:not([data-ready=true])::-moz-range-thumb{opacity:0}.dual-range-input input:hover::-moz-range-thumb{background-color:var(--dri-thumb-hover-color);border-color:var(--dri-thumb-border-hover-color)}.dual-range-input input:active::-moz-range-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input:focus-visible::-moz-range-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input::-webkit-slider-runnable-track{background-color:var(--dri-track-color);background-repeat:no-repeat;box-sizing:border-box;height:var(--dri-track-height)}.dual-range-input input:first-child::-webkit-slider-runnable-track{border-start-start-radius:var(--dri-track-border-radius);border-end-start-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}[dir=rtl] .dual-range-input input:first-child::-webkit-slider-runnable-track{background-image:linear-gradient(to left,var(--dri-track-color) var(--dri-gradient-position),var(--dri-track-filled-color) var(--dri-gradient-position),var(--dri-track-filled-gradient-mid-color))}.dual-range-input input:last-child::-webkit-slider-runnable-track{border-start-end-radius:var(--dri-track-border-radius);border-end-end-radius:var(--dri-track-border-radius);background-image:linear-gradient(to right,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}[dir=rtl] .dual-range-input input:last-child::-webkit-slider-runnable-track{background-image:linear-gradient(to left,var(--dri-track-filled-gradient-mid-color),var(--dri-track-filled-gradient-end-color) var(--dri-gradient-position),var(--dri-track-color) var(--dri-gradient-position))}.dual-range-input input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--dri-thumb-color);border-radius:var(--dri-thumb-border-radius);border:var(--dri-thumb-border-width) solid var(--dri-thumb-border-color);box-shadow:none;box-sizing:border-box;height:var(--dri-thumb-height);width:var(--dri-thumb-width);margin-top:calc(var(--dri-track-height) / 2);transform:translateY(-50%)}.dual-range-input input:not([data-ready=true])::-webkit-slider-thumb{opacity:0}.dual-range-input input:hover::-webkit-slider-thumb{background-color:var(--dri-thumb-hover-color);border-color:var(--dri-thumb-border-hover-color)}.dual-range-input input:active::-webkit-slider-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.dual-range-input input:focus-visible::-webkit-slider-thumb{background-color:var(--dri-thumb-active-color);border-color:var(--dri-thumb-border-active-color)}.ctrls{--ctrls-font: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--ctrls-radius: 4px;--ctrls-label-width: 5rem;--ctrls-width: 22rem;--ctrls-font-size: .75rem;--ctrls-value-font-size: .6875rem;--ctrls-c: .25;--ctrls-h: 245;--ctrls-theme: oklch(.65 var(--ctrls-c) var(--ctrls-h));--ctrls-theme-oklch: .65 var(--ctrls-c) var(--ctrls-h);--ctrls-gray-50: #f1f1f1;--ctrls-gray-100: #e3e3e3;--ctrls-gray-200: #c7c7c7;--ctrls-gray-300: #acacac;--ctrls-gray-400: #929292;--ctrls-gray-500: #787878;--ctrls-scrollbar-thumb-bg: var(--ctrls-gray-400);--ctrls-bg: oklch(.99 .005 var(--ctrls-h) / .8);--ctrls-text: oklch(.01 .3 var(--ctrls-h));--ctrls-text-muted: oklch(.5 .005 var(--ctrls-h));--ctrls-border: oklch(.925 .01 var(--ctrls-h));--ctrls-input-border: oklch(.925 .01 var(--ctrls-h));--ctrls-input-wrapper-bg: white;--ctrls-btn-bg: white;--ctrls-btn-hover-bg: oklch(.95 .01 var(--ctrls-h) / .5);--ctrls-btn-hover-text: var(--ctrls-theme);--ctrls-btn-selected-bg: var(--ctrls-theme);--ctrls-btn-selected-text: white;--ctrls-input-bg: white;--ctrls-range-track-bg: var(--ctrls-gray-100);--ctrls-range-track-active-bg: var(--ctrls-theme);--ctrls-range-thumb-bg: var(--ctrls-gray-100);--ctrls-range-thumb-border: var(--ctrls-gray-200);--ctrls-range-thumb-hover-bg: var(--ctrls-gray-200);--ctrls-range-thumb-hover-border: var(--ctrls-gray-300);--ctrls-range-thumb-active-bg: var(--ctrls-theme);--ctrls-range-thumb-radius: 4px;--ctrls-checkbox-bg: white;--ctrls-checkbox-radius: 4px;--ctrls-checkbox-hover-text: var(--ctrls-gray-200);--ctrls-checkbox-checked-bg: var(--ctrls-theme);--ctrls-checkbox-checked-text: var(--ctrls-gray-50);--ctrls-checkbox-checked-hover-bg: oklch(.5 var(--ctrls-c) var(--ctrls-h));--ctrls-easing-border: var(--ctrls-gray-200);--ctrls-ctrls__easing-handle-bg: var(--ctrls-gray-50);--ctrls-ctrls__easing-handle-border: var(--ctrls-gray-300)}@media (prefers-color-scheme: dark){.ctrls--system-theme{--ctrls-c: .3;--ctrls-theme-oklch: .55 calc(var(--ctrls-c) - .1) var(--ctrls-h);--ctrls-theme: oklch(.55 calc(var(--ctrls-c) - .1) var(--ctrls-h));--ctrls-gray-50: #e1e1e1;--ctrls-gray-100: #d3d3d3;--ctrls-gray-200: #b7b7b7;--ctrls-gray-300: #9c9c9c;--ctrls-gray-400: #828282;--ctrls-gray-500: #686868;--ctrls-scrollbar-thumb-bg: #5f5f5f;--ctrls-bg: oklch(.27 .003 var(--ctrls-h) / .8);--ctrls-text: oklch(.95 .005 var(--ctrls-h));--ctrls-text-muted: oklch(.75 .005 var(--ctrls-h));--ctrls-border: oklch(.35 .01 var(--ctrls-h));--ctrls-input-border: transparent;--ctrls-input-wrapper-bg: oklch(.22 .002 var(--ctrls-h));--ctrls-btn-bg: oklch(.2 .001 var(--ctrls-h));--ctrls-btn-hover-bg: oklch(.1 .001 var(--ctrls-h));--ctrls-input-bg: var(--ctrls-input-wrapper-bg);--ctrls-checkbox-checked-hover-bg: oklch( .45 calc(var(--ctrls-c) - .1) var(--ctrls-h) )}}.ctrls--dark-theme{--ctrls-c: .3;--ctrls-theme-oklch: .55 calc(var(--ctrls-c) - .1) var(--ctrls-h);--ctrls-theme: oklch(.55 calc(var(--ctrls-c) - .1) var(--ctrls-h));--ctrls-gray-50: #e1e1e1;--ctrls-gray-100: #d3d3d3;--ctrls-gray-200: #b7b7b7;--ctrls-gray-300: #9c9c9c;--ctrls-gray-400: #828282;--ctrls-gray-500: #686868;--ctrls-scrollbar-thumb-bg: #5f5f5f;--ctrls-bg: oklch(.27 .003 var(--ctrls-h) / .8);--ctrls-text: oklch(.95 .005 var(--ctrls-h));--ctrls-text-muted: oklch(.75 .005 var(--ctrls-h));--ctrls-border: oklch(.35 .01 var(--ctrls-h));--ctrls-input-border: transparent;--ctrls-input-wrapper-bg: oklch(.22 .002 var(--ctrls-h));--ctrls-btn-bg: oklch(.2 .001 var(--ctrls-h));--ctrls-btn-hover-bg: oklch(.1 .001 var(--ctrls-h));--ctrls-input-bg: var(--ctrls-input-wrapper-bg);--ctrls-checkbox-checked-hover-bg: oklch( .45 calc(var(--ctrls-c) - .1) var(--ctrls-h) )}.ctrls{box-sizing:border-box;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;font-family:var(--ctrls-font);font-size:var(--ctrls-font-size);color:var(--ctrls-text);border-radius:min(var(--ctrls-radius) + 8px,24px);border:1px solid var(--ctrls-border);background-color:var(--ctrls-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:var(--ctrls-width);overflow:hidden}.ctrls *,.ctrls *:before,.ctrls *:after{box-sizing:border-box;padding:0;margin:0}.ctrls button,.ctrls input{font-family:inherit;font-size:inherit;color:inherit}.ctrls svg{display:block;overflow:visible}.ctrls__title{background:none;border:none;display:block;width:100%;font-weight:700;letter-spacing:-.025em;padding:.375rem .5rem;cursor:pointer;transition:color .3s,background-color .3s}.ctrls__title:focus-visible,.ctrls__title:hover{color:var(--ctrls-theme);background:var(--ctrls-btn-hover-bg)}.ctrls__controls{display:grid;gap:.5rem;padding:.5rem;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ctrls-scrollbar-thumb-bg) transparent}.ctrls--hidden .ctrls__controls{display:none}.ctrls__btn{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--ctrls-radius);transition:color .3s,background-color .3s}.ctrls__btn:focus-visible,.ctrls__btn:hover{color:var(--ctrls-btn-hover-text)}.ctrls__btn svg{width:1rem;height:1rem;transition:transform .3s,color .3s}.ctrls__btn path{transition:opacity .3s}.ctrls__btn--lg{margin-left:var(--ctrls-label-width);padding:.5rem 1rem;background:var(--ctrls-btn-bg);border:1px solid var(--ctrls-input-border);font-weight:700}.ctrls__btn--lg:focus-visible,.ctrls__btn--lg:hover{color:var(--ctrls-theme);background:var(--ctrls-btn-hover-bg)}.ctrls__randomize:focus-visible svg,.ctrls__randomize:hover svg{transform:rotate(.5turn)}.ctrls__randomize:focus-visible path:nth-child(2),.ctrls__randomize:focus-visible path:nth-child(4),.ctrls__randomize:hover path:nth-child(2),.ctrls__randomize:hover path:nth-child(4){opacity:0}.ctrls__control{display:grid;grid-template-columns:var(--ctrls-label-width) minmax(0,1fr);align-items:center;border-radius:var(--ctrls-radius)}.ctrls__control-label{color:var(--ctrls-text-muted);font-weight:700;-webkit-hyphens:auto;hyphens:auto;padding-right:.25rem}.ctrls__control-value{font-weight:400;font-size:var(--ctrls-value-font-size)}.ctrls button:focus-visible{outline:2px solid var(--ctrls-theme);outline-offset:2px}.ctrls__control--range .ctrls__control-right,.ctrls__control--dual-range .ctrls__control-right{border:1px solid var(--ctrls-input-border);background:var(--ctrls-input-wrapper-bg);border-radius:var(--ctrls-radius)}.ctrls__control--boolean input{opacity:0;pointer-events:none;position:absolute;left:-1000vw}.ctrls__boolean-checkmark{appearance:none;width:1.125rem;height:1.125rem;color:transparent;background:var(--ctrls-checkbox-bg);border-radius:var(--ctrls-checkbox-radius);border:1px solid var(--ctrls-input-border);display:grid;place-items:center}.ctrls__boolean-checkmark svg{width:.875rem;height:.875rem;stroke-width:4px}.ctrls__boolean-input:checked+.ctrls__boolean-checkmark{background:var(--ctrls-checkbox-checked-bg);color:var(--ctrls-checkbox-checked-text);border-color:transparent}label:hover .ctrls__boolean-input:checked+.ctrls__boolean-checkmark{background:var(--ctrls-checkbox-checked-hover-bg)}label:hover .ctrls__boolean-input:not(:checked)+.ctrls__boolean-checkmark{color:var(--ctrls-checkbox-hover-text)}.ctrls__boolean-input:focus-visible+.ctrls__boolean-checkmark{outline:2px solid var(--ctrls-theme);outline-offset:2px}.ctrls__range-input{width:100%;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;display:block;background:none;border-radius:0;flex-basis:calc(50% + var(--dri-thumb-width));flex-shrink:0;height:1.75rem;margin:0;min-width:var(--dri-thumb-width);outline:none;border-radius:var(--ctrls-radius);padding:.5rem}.ctrls__range-input:focus-visible{outline:2px solid var(--ctrls-theme);outline-offset:2px}.ctrls__range-input::-moz-range-track{background-color:var(--ctrls-range-track-bg);background-repeat:no-repeat;box-sizing:border-box;height:.25rem;border-radius:100px;background-image:linear-gradient(to right,var(--ctrls-range-track-active-bg) var(--gradient-position),var(--ctrls-range-track-bg) var(--gradient-position))}.ctrls__range-input::-moz-range-thumb{-webkit-appearance:none;appearance:none;background-color:var(--ctrls-range-thumb-bg);border-radius:var(--ctrls-range-thumb-radius);border:1px solid var(--ctrls-range-thumb-border);box-shadow:none;box-sizing:border-box;height:1rem;width:1.25rem;max-width:99.99%}.ctrls__range-input:hover::-moz-range-thumb{background-color:var(--ctrls-range-thumb-hover-bg);border-color:var(--ctrls-range-thumb-hover-border)}.ctrls__range-input:active::-moz-range-thumb{background-color:var(--ctrls-range-thumb-active-bg);border-color:transparent}.ctrls__range-input::-webkit-slider-runnable-track{background-color:var(--ctrls-range-track-bg);background-repeat:no-repeat;box-sizing:border-box;height:.25rem;border-radius:100px;background-image:linear-gradient(to right,var(--ctrls-range-track-active-bg) var(--gradient-position),var(--ctrls-range-track-bg) var(--gradient-position))}.ctrls__range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--ctrls-range-thumb-bg);border-radius:var(--ctrls-range-thumb-radius);border:1px solid var(--ctrls-range-thumb-border);box-shadow:none;box-sizing:border-box;height:1rem;width:1.25rem;margin-top:.125rem;transform:translateY(-50%)}.ctrls__range-input:hover::-webkit-slider-thumb{background-color:var(--ctrls-range-thumb-hover-bg);border-color:var(--ctrls-range-thumb-hover-border)}.ctrls__control-right .dual-range-input{padding-inline:.5rem calc(var(--dri-thumb-width) * 2 + .5rem)}.ctrls__control-right .dual-range-input:has(input:focus-visible){border-radius:var(--ctrls-radius)}.ctrls__control-right .dual-range-input{--dri-track-color: var(--ctrls-range-track-bg);--dri-track-filled-color: var(--ctrls-range-track-active-bg);--dri-height: 1.75rem;--dri-thumb-width: 1.25rem;--dri-thumb-height: 1rem;--dri-thumb-border-radius: var(--ctrls-range-thumb-radius);--dri-thumb-color: var(--ctrls-range-thumb-bg);--dri-thumb-hover-color: var(--ctrls-range-thumb-hover-bg);--dri-thumb-active-color: var(--ctrls-range-thumb-active-bg);--dri-thumb-border-color: var(--ctrls-range-thumb-border);--dri-thumb-border-hover-color: var(--ctrls-range-thumb-hover-border);--dri-thumb-border-active-color: transparent}.ctrls__control-right .dual-range-input:has(input:focus-visible){outline-offset:2px}.ctrls__radio-label{display:block;text-align:center;cursor:pointer;padding:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s,background-color .25s;border-radius:var(--ctrls-radius);border:1px solid var(--ctrls-input-border);background:var(--ctrls-btn-bg)}.ctrls__radio-label:focus-visible,.ctrls__radio-label:hover{background:var(--ctrls-btn-hover-bg);color:var(--ctrls-theme)}.ctrls__radio-label input{opacity:0;pointer-events:none;position:absolute;left:-1000vw}.ctrls__radio-label:has(input:checked){background:var(--ctrls-btn-selected-bg);color:var(--ctrls-btn-selected-text);border-color:transparent}.ctrls__radio-label:has(input:focus-visible){outline:2px solid var(--ctrls-theme);outline-offset:2px}.ctrls__control--seed .ctrls__control-right{display:flex;gap:.25rem}.ctrls__seed-input{background-color:var(--ctrls-input-bg);border:1px solid var(--ctrls-input-border);padding:0 .5rem;height:1.75rem;border-radius:var(--ctrls-radius);width:0;flex-grow:1}.ctrls__seed-input:focus{outline:2px solid var(--ctrls-theme);outline-offset:2px}.ctrls__seed-new-button{padding:0 .375rem;flex-shrink:0}.ctrls__seed-new-button:focus-visible svg,.ctrls__seed-new-button:hover svg{transform:rotate(.5turn)}.ctrls__easing-wrapper{padding:.5rem;border:1px solid var(--ctrls-input-border);background:var(--ctrls-input-wrapper-bg);border-radius:min(var(--ctrls-radius),12px);margin-bottom:.25rem}.ctrls__easing{position:relative;margin-top:.5rem}.ctrls__easing path,.ctrls__easing line{vector-effect:non-scaling-stroke;fill:none;stroke-linecap:round}.ctrls__easing-ticks{height:.375rem;width:100%}.ctrls__easing-ticks line{stroke:var(--ctrls-easing-border);stroke-linecap:round;vector-effect:non-scaling-stroke}.easing-borders{stroke:var(--ctrls-easing-border);stroke-dasharray:1 3}.ctrls__easing-path{stroke-width:2px;stroke:var(--ctrls-theme)}.ctrls__easing-line{stroke:var(--ctrls-easing-border);stroke-dasharray:3}.ctrls__easing-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.25rem}.ctrls__easing-buttons button{overflow:hidden;cursor:pointer;display:grid;align-content:center;text-align:center;border:1px solid var(--ctrls-input-border);border-radius:var(--ctrls-radius);background:var(--ctrls-btn-bg);padding:.25rem;transition:color .25s,background-color .25s}.ctrls__easing-buttons button:focus-visible,.ctrls__easing-buttons button:hover{background:var(--ctrls-btn-hover-bg);color:var(--ctrls-theme)}.ctrls__control--radio .ctrls__control-right{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.25rem}.ctrls__easing-handle{background:none;touch-action:none;position:absolute;transform:translate(-50%,-50%);display:block;width:2rem;height:2rem;border-radius:50%;cursor:grab;font-size:0;color:transparent;transition:border .25s;border:.75rem solid transparent}.ctrls__easing-handle:after{content:"";display:block;background-color:var(--ctrls-ctrls__easing-handle-bg);border:1px solid var(--ctrls-ctrls__easing-handle-border);height:100%;width:100%;border-radius:50%}.ctrls__easing-handle:hover,.ctrls__easing-handle:focus-visible{border-color:oklch(var(--ctrls-theme-oklch)/.1)}.ctrls__easing-handle:hover:after,.ctrls__easing-handle:focus-visible:after{background-color:var(--ctrls-theme);border:1px solid var(--ctrls-theme)}@font-face{font-family:Inconsolata;src:url(./fonts/inconsolata/Inconsolata-VariableFont_wdth_wght.woff2) format("woff2-variations");src:url(./fonts/inconsolata/Inconsolata-VariableFont_wdth_wght.woff2) format("woff2") tech("variations");font-weight:100 900;font-stretch:25% 151%}:root{--bg: #f7f8f9;--fg: #111;--link: #668;--link-underline: #ccd;--scrollbar: #bbc}@media (prefers-color-scheme: dark){:root{--bg: #202125;--fg: #eee;--link: #99b;--link-underline: #556;--scrollbar: #556}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:100%;scrollbar-color:var(--scrollbar) transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1rem;background:var(--bg);color:var(--fg)}input,button,select,textarea{font:inherit;border:none;background:none;color:inherit}button{cursor:pointer}button::-moz-focus-inner{border:0}svg{overflow:visible;display:block}h1{font-size:1.25rem;font-weight:600;letter-spacing:-.03em;margin-bottom:.25rem}.info__links{display:flex;justify-content:center;gap:.5rem}.info__link{color:var(--link);font-size:.875rem;text-decoration-line:underline;text-decoration-color:var(--link-underline)}.info__link:hover{color:var(--fg);text-decoration-color:var(--fg)}@keyframes download{0%,to{transform:none}50%{transform:translateY(-15%)}}.controls-save:focus-visible path:nth-child(1),.controls-save:focus-visible path:nth-child(3),.controls-save:hover path:nth-child(1),.controls-save:hover path:nth-child(3){animation:download 1s infinite}.file-control__right{display:flex;gap:.25rem}.file-control__input{display:none}.file-control__fake-input{padding:.375rem .5rem;margin-left:0;flex-grow:1;display:block}canvas{display:block;width:100%}.canvas-wrapper{aspect-ratio:1;border-radius:4px;max-width:100px;background:#000;overflow:hidden}.app{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:1rem;max-width:1400px;margin:0 auto}@media (min-width: 1000px){.app{flex-direction:row;gap:1rem}}.info{margin-bottom:1rem;text-align:center}.controls{margin-top:auto;display:grid;justify-content:center}.controls .info{display:none}@media (min-width: 1000px){.controls{align-self:flex-start;margin-top:0}.controls .info{display:block}}.ctrls{--ctrls-width: 22rem;--ctrls-label-width: 7rem;--ctrls-c: .05;--ctrls-bg: oklch(.99 .005 var(--ctrls-h) / .8);--ctrls-text: oklch(.01 .005 var(--ctrls-h));--ctrls-text-muted: oklch(.5 .005 var(--ctrls-h))}@media (prefers-color-scheme: dark){.ctrls{--ctrls-c: .15;--ctrls-bg: oklch(.27 .005 var(--ctrls-h) / .8);--ctrls-text: oklch(.95 .005 var(--ctrls-h));--ctrls-text-muted: oklch(.75 .005 var(--ctrls-h))}}.ctrls{width:100%;max-width:100%}@media (min-width: 600px){.ctrls{width:var(--ctrls-width);--ctrls-label-width: 8rem}}.drawing-wrapper{display:flex;flex-direction:column;flex-grow:1;position:sticky;top:1rem;margin-bottom:1rem}@media (min-width: 1000px){.drawing-wrapper{margin-bottom:0;max-height:calc(100vh - 2rem);max-height:calc(100svh - 2rem)}.drawing-wrapper .info{display:none}}.drawing{max-height:80vh;max-height:80svh}@media (min-width: 1000px){.drawing{max-height:calc(100vh - 2rem);max-height:calc(100svh - 2rem)}}.loader,.drawing svg{background:#000;margin:0 auto;max-width:100%;max-height:100%;border-radius:8px}.loader{color:#fff;aspect-ratio:1;display:grid;place-items:center;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;font-size:.75rem;font-weight:700}.moon-control{--phase-w: 2.625rem}.moon-control .ctrls__control-right{padding:.5rem;position:relative}.moon-control input{position:absolute;z-index:10;height:var(--phase-w);width:calc(100% - 1rem);margin:0;appearance:none;padding:0}.moon-control input:active+.moon-control__phases-wrapper svg{filter:brightness(.9)}.moon-control input::-webkit-slider-thumb{appearance:none;width:var(--phase-w);height:var(--phase-w);border:none;display:block;opacity:0}.moon-control input::-moz-range-thumb{appearance:none;width:var(--phase-w);height:var(--phase-w);border:none;opacity:0}.moon-control__phases-wrapper{display:flex;margin:0!important;pointer-events:none;z-index:0;position:relative;height:var(--phase-w);z-index:10}.moon-control__phases{position:absolute;top:0;left:0}.moon-control__phases svg{opacity:0;position:absolute}.moon-control input[value="1"]+.moon-control__phases-wrapper .moon-control__phases{margin-left:calc((100% - var(--phase-w)) / 4 * 0)}.moon-control input[value="1"]+.moon-control__phases-wrapper svg:nth-child(1){opacity:1}.moon-control input[value="2"]+.moon-control__phases-wrapper .moon-control__phases{margin-left:calc((100% - var(--phase-w)) / 4 * 1)}.moon-control input[value="2"]+.moon-control__phases-wrapper svg:nth-child(2){opacity:1}.moon-control input[value="3"]+.moon-control__phases-wrapper .moon-control__phases{margin-left:calc((100% - var(--phase-w)) / 4 * 2)}.moon-control input[value="3"]+.moon-control__phases-wrapper svg:nth-child(3){opacity:1}.moon-control input[value="4"]+.moon-control__phases-wrapper .moon-control__phases{margin-left:calc((100% - var(--phase-w)) / 4 * 3)}.moon-control input[value="4"]+.moon-control__phases-wrapper svg:nth-child(4){opacity:1}.moon-control input[value="5"]+.moon-control__phases-wrapper .moon-control__phases{margin-left:calc((100% - var(--phase-w)) / 4 * 4)}.moon-control input[value="5"]+.moon-control__phases-wrapper svg:nth-child(5){opacity:1}