.json-editor-page{--controller-width:140px;flex-wrap:wrap;display:flex}.json-editor-page .document-wrapper{border:none;height:100%;padding-bottom:0}.json-editor-page .document-wrapper__body{height:100%;padding:0}.json-editor-page .json-editor-panel{flex:0 0 100%;max-width:100%;height:100%;display:flex}@media screen and (max-width:576px){.json-editor-page .json-editor-panel{flex:0 0 100%;max-width:100%}.json-editor-page .json-editor-panel.json-editor-panel-right{display:none}}.json-editor-page .json-editor-panel .json-editor-panel-content{flex:1;width:100%}.json-editor-page .json-editor-panel .json-editor-panel-content .diff-create{--jse-contents-background-color:#c5da8b;--jse-selection-background-color:#a8ba78;--jse-selection-background-inactive-color:#b7cb80;--jse-hover-background-color:#b7cb80;--jse-context-menu-pointer-hover-background:#93a857;--jse-context-menu-pointer-background-highlight:#707c50;--jse-context-menu-pointer-background:#515643;--jse-collapsed-items-background-color:var(--jse-selection-background-inactive-color);--jse-collapsed-items-selected-background-color:#93a857}.json-editor-page .json-editor-panel .json-editor-panel-content .diff-update{--jse-contents-background-color:#f6d283;--jse-selection-background-color:#e1ba66;--jse-selection-background-inactive-color:#edc673;--jse-hover-background-color:#edc673;--jse-context-menu-pointer-hover-background:#d8a73b;--jse-context-menu-pointer-background-highlight:#b08830;--jse-context-menu-pointer-background:#7f662e;--jse-collapsed-items-background-color:var(--jse-selection-background-inactive-color);--jse-collapsed-items-selected-background-color:#d8a73b}.json-editor-page .json-editor-panel .json-editor-panel-content .diff-remove{--jse-contents-background-color:#f69283;--jse-selection-background-color:#e17666;--jse-selection-background-inactive-color:#ed8373;--jse-hover-background-color:#ed8373;--jse-context-menu-pointer-hover-background:#d8503b;--jse-context-menu-pointer-background-highlight:#b04130;--jse-context-menu-pointer-background:#7f392e;--jse-collapsed-items-background-color:var(--jse-selection-background-inactive-color);--jse-collapsed-items-selected-background-color:#d8503b}.json-editor-page .json-editor-controller{flex:0 0 var(--controller-width);background-color:#f7f7f7;flex-direction:column;align-items:center;padding-top:20px;font-size:.9rem;display:flex}@media screen and (max-width:576px){.json-editor-page .json-editor-controller{flex:0 0 0;display:none}}.json-editor-page .json-editor-controller .json-editor-controller-switch-tree-mode{cursor:pointer;margin-top:10px;font-size:.8rem}.json-editor-page .json-editor-controller .json-editor-controller-switch-tree-mode span{color:#d8503b;font-weight:600;text-decoration:underline}.json-editor-page .json-editor-controller-diff-count{text-align:center;margin-top:10px;font-size:.9rem}.json-editor-page .json-editor-controller-seciton{flex-direction:column;align-items:center;width:100%;display:flex}.json-editor-page .json-editor-controller-seciton:not(:last-child){margin-bottom:1rem}.json-editor-page .json-editor-controller-title{margin-bottom:.5rem;font-weight:600}.json-editor-page .json-editor-controller-content{padding-left:1rem}@keyframes fade-in{0%{opacity:1;visibility:visible;flex:0 0 0;display:flex}to{opacity:1;visibility:visible;flex:0 0 calc(100% - var(--controller-width))}}@keyframes fade-out{0%{opacity:1;visibility:visible;flex:0 0 calc(100% - var(--controller-width))}to{opacity:0;visibility:hidden;flex:0 0 0;display:none}}