declare const _default: "\n:root {\n  --backgroundColor: #1c1f21;\n  --topBarHeight: 30px;\n  --editorSize: 55%;\n}\n* {\n  box-sizing: border-box;\n}\nhtml {\n  -webkit-font-smoothing: antialiased;\n}\nbody {\n  background: var(--backgroundColor);\n  color: white;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  margin: 0;\n}\n#done {\n  cursor: pointer;\n  position: absolute;\n  right: 10px;\n  top: 6px;\n}\n#bar {\n  align-items: center;\n  background: var(--backgroundColor);\n  border-bottom: 1px solid black;\n  display: flex;\n  font-size: 12px;\n  height: var(--topBarHeight);\n  justify-content: flex-start;\n  left: 0;\n  padding: 0 10px;\n  position: fixed;\n  top: 0;\n  width: 100%;\n  z-index: 999;\n}\n#iframe {\n  background: white;\n  border: none;\n  border-left: 2px solid black;\n  height: calc(100% - var(--topBarHeight));\n  position: fixed;\n  right: 0;\n  top: var(--topBarHeight);\n  width: calc(100% - var(--editorSize));\n}\n#editor {\n  height: calc(100% - var(--topBarHeight));\n  left: 0;\n  position: fixed;\n  top: var(--topBarHeight);\n  width: var(--editorSize);\n}\n#dragHandle {\n  cursor: col-resize;\n  height: calc(100% - var(--topBarHeight));\n  left: var(--editorSize);\n  position: fixed;\n  top: var(--topBarHeight);\n  width: 16px;\n  z-index: 2000;\n  margin-left: -8px;\n  user-select: none;\n}\n#dragHandleLine {\n  background: cyan;\n  bottom: 0;\n  height: 100%;\n  left: 9px;\n  position: absolute;\n  top: 0;\n  width: 2px;\n  display: none;\n}\n#dragOverlay {\n  display: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 1999;\n  background: rgba(0, 0, 0, 0.2);\n  user-select: none;\n}\nhtml.is-dragging {\n  cursor: col-resize;\n}\nhtml.is-dragging #dragHandleLine {\n  display: block;\n}\nhtml.is-dragging #dragOverlay {\n  display: block;\n}\n";
export default _default;