.codemirror{font-size:20px}.viewer{border:0;height:100%;overflow:auto;width:100%}.splitpanes{background-color:#f8f8f8}.custom-splitpanes .splitpanes__splitter{background-color:#e0e0e0;position:relative;transition:background-color .2s;z-index:10}.custom-splitpanes .splitpanes__splitter:hover{background-color:#d0d0d0}.custom-splitpanes .splitpanes--vertical>.splitpanes__splitter{margin:0 -4px;width:8px}.custom-splitpanes .splitpanes--horizontal>.splitpanes__splitter{height:8px;margin:-4px 0}.custom-splitter{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.drag-handle{height:40px;width:4px}.drag-handle-horizontal{height:4px;width:40px}.swap-button{align-items:center;background-color:#f0f0f0;border:1px solid #ccc;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;display:flex;height:24px;justify-content:center;position:absolute;transition:all .2s ease;width:24px;z-index:10}.swap-button:hover{background-color:#e0e0e0;transform:scale(1.1)}.swap-button.horizontal{transform:rotate(90deg)}.swap-button.horizontal:hover{transform:rotate(90deg) scale(1.1)}.dark .swap-button{background-color:#333;border-color:#555;color:#eee}.dark .swap-button:hover{background-color:#444}.dark .drag-handle{background-color:#666}.dark .custom-splitpanes .splitpanes__splitter{background-color:#444}.dark .custom-splitpanes .splitpanes__splitter:hover{background-color:#555}