.svg-react-settings input:not([type=checkbox]){border:1px solid var(--svgbase-tool-border);background:var(--svgbase-surface);width:100%;min-width:0;color:var(--svgbase-ink);font:inherit;border-radius:8px;padding:9px 10px}.svg-react-settings input:focus-visible{outline-offset:3px;outline:2px solid #547e71}.svg-react-settings .svg-react-checkbox{flex-direction:row;justify-content:flex-start;align-self:center;align-items:center;gap:10px;display:flex}.svg-react-checkbox input{accent-color:#246b56;flex:none;width:18px;height:18px}.svg-react-preview-color{color:var(--svgbase-muted);align-items:center;gap:10px;font-size:13px;display:flex}.svg-react-preview-color input{border:1px solid var(--svgbase-tool-border);border-radius:6px;width:36px;height:32px;padding:2px}.svg-react-usage pre{border:1px solid var(--svgbase-tool-border);background:var(--svgbase-subtle);border-radius:12px;max-width:100%;margin:20px 0;padding:20px;font-size:13px;line-height:1.65;overflow:auto}.svg-react-usage details{margin:24px 0}.svg-react-usage summary{cursor:pointer}.svg-react-attributes table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;margin-top:24px}.svg-react-attributes th,.svg-react-attributes td{border-bottom:1px solid var(--svgbase-tool-border);vertical-align:top;padding:14px 12px}.svg-react-attributes th{background:var(--svgbase-subtle);font-size:14px}.svg-react-attributes code{overflow-wrap:anywhere;font-size:13px;line-height:1.7}@media (width<=600px){.svg-react-converter .svg-css-preview-heading{flex-direction:column;align-items:flex-start}}