.math-supports{margin:20px auto 8px;padding:15px;border:1px solid #b7cbd5;border-radius:8px;max-width:850px;text-align:center;background:#f8fbfc;color:#173e67}.math-supports .support-label{margin:0 0 10px;font-size:17px;font-weight:bold}.support-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px 0}.math-supports button{font:inherit;min-height:46px;min-width:48px;padding:9px 14px;background:white;border:1px solid #97afbf;border-radius:6px;color:#173e67;cursor:pointer}.math-supports button:disabled{opacity:.45;cursor:default}.math-supports button[aria-expanded=true]{background:#e4f0f4;border:2px solid #176b8e}.math-supports input{font:inherit;width:85px;padding:9px;border:1px solid #97afbf}.math-supports p{font-size:16px;margin:12px 0}.math-supports small{font-size:12px}.support-numberline{display:flex;justify-content:center;margin:18px auto 10px;border-bottom:2px solid #173e67;padding-bottom:8px}.support-numberline>span{flex:1;max-width:58px;min-width:0;padding:9px 0;font-size:22px;border-left:1px solid #a6b9c4;position:relative}.support-numberline small{display:block;font-size:10px}.support-numberline .selected{background:#ffedbd;outline:3px solid #a46e11;font-weight:bold}.support-numberline .origin{border-bottom:3px solid #176b8e}#scratchPad{display:block;background:white;border:2px solid #8fa8b7;width:100%;height:240px;touch-action:none;cursor:crosshair}.math-supports :focus-visible{outline:3px solid #a46e11;outline-offset:3px}.math-supports [hidden]{display:none!important}@media(max-width:600px){.math-supports{padding:10px}.support-numberline>span{font-size:17px}.support-numberline small{font-size:9px}#scratchPad{height:220px}}