.c-json-view{display:block;width:100%;padding:10px 10px 10px 40px;background-color:#fbfbfb;box-sizing:border-box;white-space:pre-wrap;word-wrap:break-word;overflow:hidden}.c-json-feet,.c-json-line,.c-json-p{position:relative;text-align:left;padding:0;margin:0;padding:2px 0}.c-json-line{padding:0}.c-line-del{background-color:#ffeef0}.c-line-add{background-color:#e6ffed}.c-of-del:after{content:"-";color:#ff6f6f}.c-of-add:after,.c-of-del:after{position:absolute;left:5px;top:3px;width:10px;height:15px;z-index:5;text-indent:0}.c-of-add:after{content:"+";color:#3eb93e}.c-json-p{cursor:pointer}.c-json-p:hover{background:#f6f6f6}.c-json-outter{transform:translateX(-35px)}.c-json-mark{position:absolute;left:-30px;top:2px;text-indent:0;font-size:12px;color:#545454;z-index:5;user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.c-json-content{font-size:14px}.c-json-content .c-json-key{font-size:15px;color:#5cadff}.c-json-items{color:#b1b1b1}.c-json-comma,.c-json-pt{color:#5cadff}.c-json-number{color:#ae81ff}.c-json-string{color:#a6e22e}.c-json-boolean,.c-json-date,.c-json-error,.c-json-function,.c-json-map,.c-json-null,.c-json-regexp,.c-json-set,.c-json-symbol,.c-json-undefined{background-color:#f7f7f7;border-radius:3px;padding:0 2px;border:1px solid #dedede}.c-json-boolean{color:#6f73ff}.c-json-null{color:#66d9ef}.c-json-undefined{color:#f92672}.c-json-date{color:#09d3ac}.c-json-regexp{color:#2ea021}.c-json-function{color:#a2af3d}.c-json-symbol{color:#fd3db8}.c-json-error{color:#afafaf}.c-json-map,.c-json-set{color:#f56847}