.json-compare-page{--controller-width:140px;flex-wrap:wrap;height:calc(100vh - 86px);display:flex}.json-compare-page .document-wrapper{border:none;height:100%;padding-bottom:0}.json-compare-page .document-wrapper__body{height:100%;padding:0}.json-compare-page.mode-left .json-editor-panel-right{visibility:hidden;opacity:0;flex:0 0 0;animation:ease-in-out fade-out}.json-compare-page.mode-left .json-editor-panel-left{flex:0 0 calc(100% - var(--controller-width));max-width:calc(100% - var(--controller-width));animation:ease-in-out fade-in}.json-compare-page.mode-right .json-editor-panel-left{visibility:hidden;opacity:0;flex:0 0 0;animation:ease-in-out fade-out;display:none}.json-compare-page.mode-right .json-editor-panel-right{flex:0 0 calc(100% - (var(--controller-width)));max-width:calc(100% - (var(--controller-width)));animation:ease-in-out fade-in}.json-compare-page .json-editor-panel{flex:0 0 calc(50% - var(--controller-width)/2);max-width:calc(50% - var(--controller-width)/2);height:100%;display:flex}@media screen and (max-width:576px){.json-compare-page .json-editor-panel{flex:0 0 100%;max-width:100%}.json-compare-page .json-editor-panel.json-editor-panel-right{display:none}}.json-compare-page .json-editor-panel .json-editor-panel-content{flex:1;width:100%}.json-compare-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-compare-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-compare-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-compare-page .json-editor-controller{flex:0 0 var(--controller-width);background-color:var(--bg-secondary);color:var(--text-color);flex-direction:column;align-items:center;padding-top:20px;font-size:.9rem;transition:background-color .3s,color .3s;display:flex}@media screen and (max-width:576px){.json-compare-page .json-editor-controller{flex:0 0 0;display:none}}.json-compare-page .json-editor-controller .json-editor-controller-switch-tree-mode{cursor:pointer;margin-top:10px;font-size:.8rem}.json-compare-page .json-editor-controller .json-editor-controller-switch-tree-mode span{color:#d8503b;font-weight:600;text-decoration:underline}.json-compare-page .json-editor-controller-diff-count{text-align:center;color:var(--text-color);margin-top:10px;font-size:.9rem}.json-compare-page .json-editor-controller-seciton{flex-direction:column;align-items:center;width:100%;display:flex}.json-compare-page .json-editor-controller-seciton:not(:last-child){margin-bottom:1rem}.json-compare-page .json-editor-controller-title{color:var(--text-color);margin-bottom:.5rem;font-weight:600}.json-compare-page .json-editor-controller-content{padding-left:1rem}.json-compare-page .json-editor-controller .ant-checkbox-wrapper{color:var(--text-color)}@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}}:root.dark .json-compare-page .json-editor-controller{color:#fff!important;background-color:#2d2d2d!important}:root.dark .json-compare-page .json-editor-controller .json-editor-controller-title,:root.dark .json-compare-page .json-editor-controller .json-editor-controller-diff-count,:root.dark .json-compare-page .json-editor-controller .ant-checkbox-wrapper{color:#fff!important}:root.dark .json-compare-page .json-editor-controller .ant-btn-default{color:#fff!important;background-color:#404040!important;border-color:#555!important}:root.dark .json-compare-page .json-editor-controller .ant-btn-default:hover{border-color:var(--tool-theme-bg-color)!important;color:var(--tool-theme-bg-color)!important}