@layer components{.styles-module__O1xpKa__wrapper{--drawing-margin:1rem;--drawing-size:calc(max(min(100svh, 2*100svw/3), min(2*100svh/3, 100svw)) - 2 * var(--drawing-margin));--bg-color:white;--fg-color:black;background-color:var(--bg-color);display:flex}.styles-module__O1xpKa__wrapper input[type=range]{appearance:none;background-color:#fff;border:thin solid #c6c6c6;border:thin solid lch(80% 0 0);border-radius:.5rem;outline:none;height:.5rem;margin:.1rem 0}.styles-module__O1xpKa__wrapper input[type=range]:active,.styles-module__O1xpKa__wrapper input[type=range]:focus{border:thin solid #000}@media (max-aspect-ratio:1){.styles-module__O1xpKa__wrapper{flex-direction:column}}.styles-module__O1xpKa__drawing{margin:var(--drawing-margin)}.styles-module__O1xpKa__svg{height:var(--drawing-size);width:var(--drawing-size);outline:thin solid #000}.styles-module__O1xpKa__controls{margin:var(--drawing-margin);gap:calc(var(--spacing,.25rem) * 6);flex-direction:column;flex-grow:1;height:max-content;display:flex;container-type:inline-size}.styles-module__O1xpKa__controlColumns{flex-grow:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}@container (max-width:499px){.styles-module__O1xpKa__controlColumns{grid-template-columns:repeat(1,minmax(0,1fr));display:grid}}.styles-module__O1xpKa__controlColumnsPass{grid-template-columns:subgrid;grid-column:span 2/span 2;gap:.5rem 1.5rem;display:grid}@container (max-width:499px){.styles-module__O1xpKa__controlColumnsPass{grid-column:span 1/span 1}}.styles-module__O1xpKa__legendBox.styles-module__O1xpKa__currentGroup,.styles-module__O1xpKa__legendBox.styles-module__O1xpKa__currentGroup .styles-module__O1xpKa__legend{border-color:#000}.styles-module__O1xpKa__legendBox{border:thin solid #ababab;border:thin solid lch(70% 0 0);border-radius:.25rem;padding:1.5rem .5rem .5rem;position:relative}.styles-module__O1xpKa__legendBox .styles-module__O1xpKa__legend{background-color:var(--bg-color);color:var(--fg-color);border:thin solid #ababab;border:thin solid lch(70% 0 0);border-radius:.25rem;padding:0 .5rem;position:absolute;top:0;left:0;translate:1rem -50%}}