canvas{box-sizing:border-box;background-color:var(--bg);display:block;margin-left:auto;margin-right:auto;max-width:100%;margin-block:5px}canvas.border{border:1px solid var(--bd)}.clickable{cursor:pointer}*+button{margin-top:4px}button{font-family:sans-serif;padding-block:6px;color:#fff;font-weight:600;background-color:var(--fun);border-radius:5px;border:none;cursor:pointer}button:disabled{background-color:var(--more-muted-color);cursor:unset}input[invalid=true]{border:1px solid var(--mad)!important}input.wide,select.wide,progress.wide,button.wide{width:100%}input.fat,select.fat,progress.fat,button.fat{padding:12px 20px}input[type=color]{width:60px;height:30px}input[type=color]:hover{cursor:pointer}input[type=text],input[type=number],select{border-radius:5px;background-color:var(--more-muted-color);margin:3px 0;border:none;color:var(--tx)}input:focus,select:focus,progress:focus{outline:1px solid var(--fun)!important}progress{color:var(--fun);border-radius:10px;height:5px;margin-block:5px}progress::-webkit-progress-value,progress::-moz-progress-bar{background-color:var(--fun)!important;height:5px}select option{background-color:var(--bg);color:var(--tx)}input[type=checkbox]{width:14px;height:14px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:5px 0;background-color:var(--more-muted-color)}input[type=range]::-webkit-slider-runnable-track{background:var(--more-muted-color);height:25px;width:100%;border-radius:5px}input[type=range]::-moz-range-track{background:var(--more-muted-color);height:25px;width:100%;border-radius:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;width:25px;height:25px;background-color:var(--fun);border-radius:5px;cursor:pointer}input[type=range]::-moz-range-thumb{border:none;width:25px;height:25px;background-color:var(--fun);border-radius:5px;cursor:pointer}