._demo_qf87q_1{text-align:left;margin-top:40px}._boxes_qf87q_5{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;margin:20px 0;display:grid}._box_qf87q_5{border:1px solid var(--border);padding:0 10px 14px;font-size:16px}._boxTitle_qf87q_16{text-align:center;font-family:var(--font-body);border:1px solid #333;margin:0 -10px 10px;font-size:16px;display:block}._box_qf87q_5 fieldset{border:0;margin:0 0 14px}._box_qf87q_5 fieldset:disabled{opacity:.45}._row_qf87q_31{align-items:center;gap:8px;min-height:34px;display:flex}._row_qf87q_31 input[type=range]{accent-color:var(--accent);flex:1}._row_qf87q_31 input[type=number],._row_qf87q_31 input[type=text]{border:1px solid var(--border);width:70px;font:inherit;border-radius:3px;padding:2px 4px}._row_qf87q_31 input[type=text]._wide_qf87q_49{width:150px}._row_qf87q_31 input[type=color]{border:1px solid var(--border);background:0 0;width:40px;height:26px}._row_qf87q_31 input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}._row_qf87q_31 label{flex:none}._btn_qf87q_66{border:1px solid var(--border);width:100%;font:inherit;cursor:pointer;background:#f6f6f6;margin-top:6px;padding:6px;display:block}._btn_qf87q_66:hover{background:#eaeaea}._code_qf87q_79{white-space:pre-wrap;word-break:break-word;background:#fafafa;border:1px solid #e3e3e3;border-radius:6px;margin:10px 0 30px;padding:14px 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;display:block}._kw_qf87q_91{color:#92008c}._attr_qf87q_94{color:#ff8200}._str_qf87q_97{color:#00f}._num_qf87q_100{color:red}._comment_qf87q_103{color:#ababab}._samples_qf87q_106{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}._samples_qf87q_106 canvas{max-width:100%;height:auto}._demo_qf87q_1 h2{text-align:left;max-width:none;margin:40px 0 10px}._testBtn_qf87q_121{cursor:pointer;background:0 0;border:0;font-size:30px}._resultBox_qf87q_127{cursor:pointer;width:100%;max-width:480px;height:40px;font-size:20px;font-family:var(--font-heading);background:#fff;border:1px solid #000;margin:10px auto;display:block}._results_qf87q_139{text-align:center;font-size:22px}