.pane-resize-handle{box-sizing:border-box;color:var(--app-muted);touch-action:none;-webkit-user-select:none;user-select:none;z-index:2;flex:none;place-items:center;display:grid}.pane-resize-handle[data-axis=horizontal]{cursor:col-resize;border-inline:1px solid var(--app-border);width:7px}.pane-resize-handle[data-axis=vertical]{cursor:row-resize;border-top:1px solid var(--app-border);height:1px;position:relative}.pane-resize-handle[data-axis=vertical]:before{content:"";inset-inline:0;height:24px;position:absolute;top:50%;transform:translateY(-50%)}.pane-resize-handle:hover,.pane-resize-handle:focus-visible{color:var(--brand-color);background:color-mix(in srgb, var(--brand-color) 8%, transparent)}.pane-resize-handle:focus-visible{outline:2px solid var(--brand-color);outline-offset:-2px}.pane-resize-handle[data-axis=vertical]:is(:hover,:focus-visible){border-top-color:var(--brand-color);background:0 0}.pane-resize-handle[data-axis=vertical]:focus-visible{outline-offset:1px}@media (pointer:coarse){.pane-resize-handle[data-axis=horizontal]{width:24px}.pane-resize-handle[data-axis=vertical]:before{height:44px}}.pane-resize-handle[data-axis=vertical][data-appearance=invisible]{background:0 0;border:0}.pane-resize-handle[data-axis=vertical][data-appearance=invisible]:before{height:44px}
