ui.css

*{box-sizing:border-box;margin:0;padding:0;outline:none}body,button,input,select{font-family:"Untitled Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}body{font-size:16px}:root{--color-surface-border: #B999B7;--color-surface-background: #E2D5E1;--color-surface-panel: #FFF5FE;--color-surface-alert: #F5ABF1;--color-text-primary: #261725;--color-text-secondary: #3B263A;--color-text-subtle: #816780;--color-control-ready: #E7C8E6;--color-control-hover: #f6d8f5;--color-control-pressed: #B999B7;--color-accent-green: #73C990;--color-syntax-keyword: #6342A6;--color-syntax-string: #42A64B;--color-syntax-class: #FFC619;--color-syntax-method: #3D79CC;--color-syntax-regex: #3EB3AD;--color-syntax-value: #E68F17;--color-syntax-operator: #816780;--color-syntax-delimiter: #BF4DB6;--color-syntax-variable: #BF3326}[data-color-scheme=dark]{--color-surface-border: #1D121D;--color-surface-background: #261725;--color-surface-panel: #3B263A;--color-surface-alert: #ef53e6;--color-text-primary: #E2D5E1;--color-text-secondary: #B999B7;--color-text-subtle: #816780;--color-control-ready: #422a40;--color-control-hover: #4e324c;--color-control-pressed: #352234;--color-syntax-keyword: #7F60BF;--color-syntax-string: #60BF68;--color-syntax-class: #E6B82E;--color-syntax-method: #5C95E6;--color-syntax-regex: #5ECCC6;--color-syntax-value: #E6992E;--color-syntax-operator: #816780;--color-syntax-delimiter: #D96CD0;--color-syntax-variable: #D94E41}.syntax-keyword{color:var(--color-syntax-keyword)}.syntax-string{color:var(--color-syntax-string)}.syntax-class{color:var(--color-syntax-class)}.syntax-method{color:var(--color-syntax-method)}.syntax-regex{color:var(--color-syntax-regex)}.syntax-value{color:var(--color-syntax-value)}.syntax-operator{color:var(--color-syntax-operator)}.syntax-delimiter{color:var(--color-syntax-delimiter)}.syntax-variable{color:var(--color-syntax-variable)}.el-box{padding:10px;margin-bottom:10px}.el-button{display:inline-block;padding:0 .8em;margin-bottom:0;text-align:center;vertical-align:middle;height:initial;font-size:1em;line-height:2em;white-space:nowrap;cursor:pointer;z-index:0;text-shadow:none;border:1px solid var(--color-surface-border);color:var(--color-text-secondary);background-color:var(--color-control-ready);border-radius:3px}.el-button:hover{color:var(--color-text-primary);background-color:color-mix(in srgb, #fff 20%, var(--color-control-ready))}.el-button:focus{outline:none;border-color:#ef53e6;box-shadow:0 0 0 1px #ef53e6}.el-button:active{border-color:#974a9e;box-shadow:0 0 0 1px #974a9e;background-color:color-mix(in srgb, #000 4%, var(--color-control-ready))}[data-color-scheme=dark] .el-button:hover{background-color:color-mix(in srgb, #fff 4%, var(--color-control-ready))}[data-color-scheme=dark] .el-button:active{background-color:color-mix(in srgb, #000 4%, var(--color-control-ready))}.el-button-group{position:relative;display:inline-flex}.el-button-group>.el-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.el-button-group>.el-button+.el-button{border-radius:0;margin-left:-2px;z-index:0}.el-button-group>.el-button:last-of-type{border-top-right-radius:3px;border-bottom-right-radius:3px}.el-button-group>.el-button:active,.el-button-group>.el-button:focus{z-index:1}.el-list{margin:0;padding:0;list-style:none;cursor:default;font-size:1em;line-height:2em;color:#b899b6;background-color:#261725}.el-list li.el-list-item,.el-list li.el-list-option{white-space:nowrap;line-height:2em;padding:0 .6em}.el-list .el-list-option{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;border-bottom:1px solid #1c121c}el-icon{display:inline-flex;align-self:center;top:.125em;position:relative}.el-index{margin:0;padding:0;list-style:none;width:100%;height:100%;overflow:auto;position:relative}.el-index li[role=group]{height:auto}.el-index>li[role=group] ul{padding-left:1em}.el-index summary:active{outline:none}.el-index details ul{display:block;margin-left:.5em}.el-index ul,.el-index li,.el-index details{margin:0;padding:0;list-style:none}.el-index summary:focus{outline:none}.el-index summary:focus:before{position:absolute;z-index:-1;width:100%;left:0;right:0;height:2em;background-color:#ef53e6;content:""}.el-index summary,.el-index li>span,.el-index li>a{cursor:arrow;user-select:none;white-space:nowrap;line-height:2em;padding:0 .6em}.el-m-micro{font-size:.8em}.el-tree,.el-tree ul,.el-tree li{list-style:none;margin:0;padding:0;position:relative}.el-tree{width:100%;margin:0 0 1em;text-align:center}.el-tree,.el-tree ul{display:table}.el-tree ul{width:100%}.el-tree li{display:table-cell;padding:.9em 0;vertical-align:top}.el-tree li:before{background-color:currentColor;content:"";left:0;position:absolute;right:0;top:-2px;height:1px}.el-tree li:first-child:before{left:50%}.el-tree li:last-child:before{right:50%}.el-tree span{border:1px solid currentColor;border-radius:3px;display:inline-block;margin:0 .2em 1em;padding:0 .6em;vertical-align:middle;position:relative;height:2em;line-height:2em}.el-tree ul:before,.el-tree span:before{background-color:currentColor;content:"";height:.9em;left:50%;top:0;position:absolute;width:1px}.el-tree ul:before{top:-1em}.el-tree span:before{top:-1em}.el-tree>li{margin-top:0}.el-tree>li:before,.el-tree>li:after,.el-tree>li>span:before{background-color:transparent}.el-badge{display:inline-flex;align-items:center;font-size:1em;height:1.8em;justify-content:center;line-height:1.8em;white-space:nowrap;background-color:#ef53e6;color:#e2d5e1;border-radius:.9em;min-width:1.8em;text-align:center;padding:0 .5em}.el-badge el-icon,.el-badge .el-icon{top:0}.el-badge el-icon+span{margin-left:.25em}.el-status{position:relative}.el-status .el-badge{position:absolute;z-index:999;transition:opacity .6s}.el-status .el-badge.is-hidden{opacity:0;transition:opacity .6s}.el-status sup.el-badge:first-child{top:0}.el-status sub.el-badge{bottom:0}.el-status .el-icon+sup,.el-status el-icon+sup{right:-0.25em}.el-status .el-icon+sub,.el-status el-icon+sub{right:-0.25em}.el-status{display:inline-block;background-color:inherit;padding:0;margin:0;height:100%;line-height:2.5em;vertical-align:middle;font-size:inherit}.el-status button{all:revert}.el-status a,.el-status button,.el-status small,.el-status .el-status-control{display:inline-block;height:100%;line-height:inherit;text-decoration:none;border:0;background-color:inherit;color:inherit;font-size:inherit;padding:0 .8em}.el-status a:hover,.el-status button:hover{background-color:#422a40}.el-status a:active,.el-status button:active{background:#352234}el-tab-group,.el-tab-group{width:100%}el-tab-list,.el-tab-list{height:2.25em;display:flex;background-color:var(--color-surface-background);border-bottom:1px solid var(--color-surface-border)}el-tab,.el-tab{color:var(--color-text-secondary);display:flex;align-items:center;justify-content:flex-end;min-width:0;user-select:none;border-right:1px solid var(--color-surface-border);background-color:var(--color-surface-background);box-shadow:0 1px 0 var(--color-surface-border)}el-tab.is-active,.el-tab.is-active{background-color:var(--color-surface-panel);color:var(--color-text-primary);box-shadow:0 1px 0 var(--color-surface-panel)}el-tab::before,.el-tab::before{content:"";position:relative;width:4px;height:100%}el-tab.is-active::before,.el-tab.is-active::before{background-color:var(--color-surface-alert)}el-tab a,.el-tab a,el-tab span,.el-tab span,el-tab data,.el-tab data,el-tab button,.el-tab button{display:block}el-tab a,.el-tab a,el-tab span,.el-tab span,el-tab data,.el-tab data{margin:0 0 0 1em;pointer-events:none}el-tab span,el-tab data,.el-tab span,.el-tab data{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:1ch}el-tab span:last-child,el-tab data:last-child,.el-tab span:last-child,.el-tab data:last-child{margin-right:calc(1em + 4px)}el-tab .el-action-close,.el-tab .el-action-close{margin-left:.5em;margin-right:calc(.5em + 4px);visibility:hidden;background-color:transparent;border:none;width:1.5em;height:1.5em;border-radius:.25em;position:relative;color:var(--color-text-secondary)}el-tab:hover .el-action-close,.el-tab:hover .el-action-close{visibility:visible}el-tab.is-active .el-action-close line,.el-tab.is-active .el-action-close line{stroke:var(--color-text-secondary)}.el-action-close:hover{color:var(--color-text-primary);background-color:var(--color-surface-alert)}.el-action-close:active{opacity:.7}el-tab.is-priority .el-action-close el-icon:after,.el-tab.is-priority .el-action-close el-icon:after{visibility:visible;content:" ";position:absolute;top:.1em;width:.75em;height:.75em;border-radius:50%;background-color:#ef53e6}el-tab.is-priority:hover .el-action-close,.el-tab.is-priority:hover .el-action-close{visibility:hidden}el-tab.is-priority .el-action-close:hover,.el-tab.is-priority .el-action-close:hover{visibility:visible}el-tab.is-priority .el-action-close:hover el-icon:after,.el-tab.is-priority .el-action-close:hover el-icon:after{visibility:hidden}el-tab-scope .el-box,.el-tab-scope .el-box{background-color:var(--color-surface-panel);width:100%;height:100%;overflow:auto}el-workspace,.el-workspace{--left-zone-width: 290px;--right-zone-width: 290px;width:100vw;height:100vh;overflow:hidden;display:grid;box-sizing:border-box;grid-template-columns:minmax(0, var(--left-zone-width)) auto minmax(0, var(--right-zone-width));grid-template-rows:24px auto 24px}el-workspace-area,.el-workspace-area{width:100%;height:100%;overflow:hidden;display:flex;flex-direction:row;align-items:stretch;order:1}el-workspace-area nav,.el-workspace-area nav{flex-grow:2}el-workspace-area[zone=top],.el-workspace-area.zone-top{grid-row:1/2;grid-column:1/4}el-workspace-area[zone=bottom],.el-workspace-area.zone-bottom{grid-row:3/4;grid-column:1/4}el-workspace-area[zone=left],.el-workspace-area.zone-left{grid-column:1/2;grid-row:2/3}el-workspace-area[zone=center],.el-workspace-area.zone-center{grid-column:2/3;grid-row:2/3}el-workspace-area[zone=right],.el-workspace-area.zone-right{grid-column:3/4;flex-direction:row-reverse;grid-row:2/3}el-workspace-area[zone=center][maximize-left],.el-workspace-area.zone-center.maximize-left{grid-column:1/3}el-workspace-area[zone=center][maximize-right],.el-workspace-area.zone-center.maximize-right{grid-column-end:4}el-workspace-area[zone=left][maximize-top],el-workspace-area[zone=center][maximize-top],el-workspace-area[zone=right][maximize-top],.el-workspace-area.zone-left.maximize-top,.el-workspace-area.zone-center.maximize-top,.el-workspace-area.zone-right.maximize-top{grid-row:1/3}el-workspace-area[zone=left][maximize-bottom],el-workspace-area[zone=center][maximize-bottom],el-workspace-area[zone=right][maximize-bottom],.el-workspace-area.zone-left.maximize-bottom,.el-workspace-area.zone-center.maximize-bottom,.el-workspace-area.zone-right.maximize-bottom{grid-row-end:4}el-workspace-resize-handle,.el-workspace-resize-handle{width:4px;height:100%;border-right:1px solid #180f17;align-self:flex-end;order:2}el-workspace-resize-handle.el-active,.el-workspace-resize-handle.el-active{background-color:#a947a6}el-workspace-area[zone=right] el-workspace-resize-handle,.el-workspace-area.zone-right .el-workspace-resize-handle{border-left:1px solid #180f17;border-right-color:transparent}el-workspace-resize-handle:hover,.el-workspace-resize-handle:hover{cursor:col-resize}input{background-color:var(--color-surface-panel);border:1px solid var(--color-surface-border);color:var(--color-text-primary);display:inline-block;padding:.25em;font-size:1em}input:focus{outline:none;border-color:#ef53e6;box-shadow:0 0 0 1px #ef53e6}input::placeholder{color:var(--color-text-secondary)}.el-text{width:100%}.el-number{text-align:center}.el-number.size-x{width:calc(2ch + 1em)}.el-number.size-xx{width:calc(3ch + 1em)}.el-number.size-xxx{width:calc(4ch + 1em)}.el-number.size-xxxx{width:calc(5ch + 1em)}.el-number.size-xxxxx{width:calc(6ch + 1em)}.el-control{display:flex;position:relative}.el-control .el-button{background-color:var(--color-surface-panel)}.el-control .el-button:first-of-type{border-top-right-radius:0;border-bottom-right-radius:0}.el-control .el-button:last-of-type{border-top-left-radius:0;border-bottom-left-radius:0}.el-control .el-button:focus{z-index:1000}.el-control .el-button+.el-number{border-radius:none;border-right-color:transparent;border-left-color:transparent;margin-left:-1px;margin-right:-1px}.el-control .el-button+.el-number:focus{z-index:1000;border-right-color:#ef53e6;border-left-color:#ef53e6}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.el-checkbox{display:grid;grid-template-columns:1em auto;gap:.5em;margin:0;line-height:1.1;user-select:none}.el-checkbox input[type=checkbox]{width:1em;height:1em;appearance:none;margin:0;font:inherit;color:currentColor;border-radius:.15em;display:grid;place-content:center;background-color:#b899b6}.el-checkbox input[type=checkbox]::before{content:"";width:1em;height:1em;transform:scale(0);transition:80ms transform ease-in-out;border-radius:.15em;background-color:#fff;background-color:#2f1e2d;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 24 24' fill='none' stroke='%232F1E2D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat}.el-checkbox input[type=checkbox]:checked{transition:80ms background-color ease-in-out;background-color:#ef53e6}.el-checkbox input[type=checkbox]:checked::before{transform:scale(1)}.el-checkbox input[type=checkbox]:focus{outline:.0625em solid #ef53e6;outline-offset:.125em}.el-checkbox+.el-checkbox{margin-top:1em}.el-m-mini .el-checkbox input[type=checkbox]:focus,.el-m-micro .el-checkbox input[type=checkbox]:focus{outline:1px solid #ef53e6;outline-offset:2px}.el-radio{display:grid;grid-template-columns:1em auto;gap:.5em;margin:0;line-height:1.1;user-select:none}.el-radio input[type=radio]{width:1em;height:1em;appearance:none;margin:0;font:inherit;color:currentColor;border-radius:50%;display:grid;place-content:center;background-color:#b899b6}.el-radio input[type=radio]::before{content:"";width:.4em;height:.4em;transform:scale(0);transition:80ms transform ease-in-out;box-shadow:inset 1em 1em #2f1e2d;border-radius:50%}.el-radio input[type=radio]:checked{transition:80ms background-color ease-in-out;background-color:#ef53e6}.el-radio input[type=radio]:checked::before{transform:scale(1)}.el-radio input[type=radio]:focus{outline:.0625em solid #ef53e6;outline-offset:.125em}.el-radio+.el-radio{margin-top:1em}.el-m-mini .el-radio input[type=radio]:focus,.el-m-micro .el-radio input[type=radio]:focus{outline:1px solid #ef53e6;outline-offset:2px}header.el-toolbar{border-bottom:1px solid #000}footer.el-toolbar{border-top:1px solid #000;border-bottom:1px solid #000}.el-toolbar{width:100%;padding:0;background-color:var(--color-bg-primary);position:relative;display:inline-flex}.el-toolbar .el-button{border-radius:0}.el-toolbar .el-separator{display:inline-block;border-top:1px solid var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-secondary);width:23px}.el-toolbar .el-separator::after{display:inline-block;content:" ";width:1px;height:calc(100% - 12px);margin:6px 0 6px 11px;background-color:#000}.el-toolbar>.el-button+.el-button{margin-left:-2px;z-index:0}.el-toolbar>.el-button:active,.el-toolbar>.el-button:focus{z-index:1;box-shadow:none !important}.el-toolbar.el-m-vertical{flex-direction:column}.el-toolbar.el-m-vertical>.el-button{margin-left:0;margin-bottom:-2px}.el-toolbar.el-toolbar-palette{width:3em}.el-toolbar.el-toolbar-palette .el-button{width:3em;height:3em}.el-m-selected{color:#e2d5e1;background-color:#482e46}.el-m-micro{font-size:.8em}.el-m-micro.el-button,.el-m-micro.el-badge,.el-m-micro.el-button-group>.el-button,.el-m-micro.el-list{font-size:.8em}.el-m-mini{font-size:.9em}.el-m-mini.el-button,.el-m-mini.el-badge,.el-m-mini.el-button-group>.el-button,.el-m-mini.el-list{font-size:.9em}.el-m-midi{font-size:1.5em}.el-m-midi.el-button,.el-m-midi.el-badge,.el-m-midi.el-button-group>.el-button,.el-m-midi.el-list{font-size:1.5em}.size-mini{font-size:.9em}/*# sourceMappingURL=ui.css.map */