button{background-color:var(--color)!important;color:var(--header)}textarea{height:5rem}input[type=text],input[type=number],textarea{display:block;border:1px solid #999;border-radius:4px;margin:0;padding:8px 4px;width:calc(100% - 2px - 2*2px);background-color:var(--header);color:var(--color)}input:read-only{cursor:default}.light-theme input:read-only{background-color:#ccc}.dark-theme input:read-only{background-color:#333}select{background-color:var(--header);color:var(--color);border-radius:4px;padding:4px}.sep-v{margin-top:2ex}.flex-container{padding:0;margin:0;display:flex;align-items:center;justify-content:center}.flex-spread{justify-content:space-between}.inline{display:inline-block}.sep-v{margin-top:2ex}input.inline{display:inline-block!important;max-width:80px}.error{color:crimson}#json{min-height:5em;height:auto;outline:none;white-space:pre;font-family:monospace;padding:8px 4px;overflow:auto;background-color:var(--header);color:var(--color)}.overflow-x-scroll{overflow-x:auto}.light-theme #json{border:1px solid #222}.light-theme .property{color:red}.light-theme .number{color:green}.light-theme .string{color:blue}.light-theme .keyword{color:maroon}@media(prefers-color-scheme:light){body:not(.dark-theme) #json{border:1px solid #222}body:not(.dark-theme) .property{color:red}body:not(.dark-theme) .number{color:green}body:not(.dark-theme) .string{color:blue}body:not(.dark-theme) .keyword{color:maroon}}.dark-theme #json{border:1px solid #fff}.dark-theme .property{color:#9f7cdd}.dark-theme .number{color:#90ee90}.dark-theme .string{color:#f1759c}.dark-theme .keyword{color:#4392f7}@media(prefers-color-scheme:dark){body:not(.light-theme) #json{border:1px solid #fff}body:not(.light-theme) .property{color:#9f7cdd}body:not(.light-theme) .number{color:#90ee90}body:not(.light-theme) .string{color:#f1759c}body:not(.light-theme) .keyword{color:#4392f7}}