.pointer--name span{display:inline-block;margin:4px 0;color:#888;font-style:italic}main.svelte-1n46o8q{font-family:Segoe UI,Roboto,sans-serif;padding:16px;background:#fafafa;border-radius:16px}h1.svelte-1n46o8q{font-size:20px;margin:0 0 4px;line-height:1}h3.svelte-1n46o8q{font-size:15px;margin:0 0 8px}p.svelte-1n46o8q{font-size:13px;color:#888;margin:0 0 16px}.source.svelte-1n46o8q{font-size:13px;margin:20px 0 0}.grid-wrap.svelte-1n46o8q{margin:16px 0;padding:32px 0}.grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(9,1fr);max-width:350px;aspect-ratio:1}.rect.svelte-1n46o8q{position:relative;min-width:20px;min-height:20px;aspect-ratio:1;border-radius:2px;border:2px solid #fafafa;cursor:pointer;opacity:.2;transition:opacity .3s ease;background-color:var(--rect-color)}.rect.selected.svelte-1n46o8q{opacity:1;background-color:var(--rect-color)}.rect.inactive.svelte-1n46o8q{pointer-events:none}.icon.svelte-1n46o8q{padding:4px;font-size:16px;mix-blend-mode:overlay;background:#0009;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pointer.svelte-1n46o8q{position:absolute;text-align:left;opacity:.5;z-index:1000}.pointer.selected.svelte-1n46o8q{opacity:1}.pointer.left.svelte-1n46o8q{top:50%;left:8px;transform:translateY(-50%);display:flex;gap:4px;align-items:center;flex-wrap:nowrap}.pointer--obj.svelte-1n46o8q{position:relative;width:6px;height:6px;background-color:#888;border-radius:100%}.pointer.left.svelte-1n46o8q .pointer--obj:where(.svelte-1n46o8q):after{position:absolute;display:block;content:"";width:8px;border-top:1px solid #888;right:100%;top:calc(50% - .5px)}.pointer--name.svelte-1n46o8q{font-size:13px;text-wrap:nowrap}.pointer--name.svelte-1n46o8q span:where(.svelte-1n46o8q){color:#888;font-style:italic}.pointer.top.svelte-1n46o8q{left:2px;bottom:8px;line-height:1}.pointer.top.svelte-1n46o8q .pointer--obj:where(.svelte-1n46o8q):after{position:absolute;display:block;content:"";height:8px;border-left:1px solid #888;left:calc(50% - .5px);top:100%}.pointer.top.svelte-1n46o8q .pointer--name:where(.svelte-1n46o8q){margin-bottom:4px}.pointer.bottom.svelte-1n46o8q{left:2px;top:8px;line-height:1}.pointer.bottom.svelte-1n46o8q .pointer--obj:where(.svelte-1n46o8q):after{position:absolute;display:block;content:"";height:8px;border-left:1px solid #888;left:calc(50% - .5px);bottom:100%}.pointer.bottom.svelte-1n46o8q .pointer--name:where(.svelte-1n46o8q){margin-top:4px}.items-list.svelte-1n46o8q{height:25vh;overflow:auto;padding:8px 0;-webkit-mask:linear-gradient(to bottom,#333 0%,#333 90%,transparent 100%);mask:linear-gradient(to bottom,#333 0%,#333 90%,transparent 100%)}.items-list.svelte-1n46o8q .items-list--item:where(.svelte-1n46o8q){padding:8px 0;border-bottom:1px solid #ddd;font-size:13px;margin-bottom:8px}.items-list.svelte-1n46o8q .items-list--item:where(.svelte-1n46o8q):last-child{border:none}.items-list.svelte-1n46o8q h4:where(.svelte-1n46o8q){margin:0;font-size:15px;font-weight:400}.items-list.svelte-1n46o8q p:where(.svelte-1n46o8q){margin-top:4px;margin-bottom:8px}.items-list.svelte-1n46o8q .items-list--item:where(.svelte-1n46o8q) p:where(.svelte-1n46o8q){margin:0}.items-list.svelte-1n46o8q .items-list--item:where(.svelte-1n46o8q) .icon:where(.svelte-1n46o8q){font-size:13px;mix-blend-mode:luminosity}@media(max-width:450px){.grid.svelte-1n46o8q{max-width:250px}.icon.svelte-1n46o8q{font-size:10px;line-height:1}.pointer.left.svelte-1n46o8q .pointer--obj:where(.svelte-1n46o8q){display:none}.pointer.left.svelte-1n46o8q{left:0}}