resizable-divider{width:var(--resize-handle-size,6px);cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;position:relative}resizable-divider:before{content:"";position:absolute;inset:0 -4px}resizable-divider:after{content:"";top:0;bottom:0;width:var(--resize-handle-line-size,1px);background:var(--resize-handle-rest-color,var(--border));transition:background .15s ease-out,width .15s ease-out;position:absolute;inset-inline-start:var(--resize-handle-line-inline,50%);transform:translate(-50%)}resizable-divider.dragging:after,resizable-divider:focus-visible:after{width:var(--resize-handle-active-line-size,2px);background:var(--resize-handle-active-color,currentColor)}@media (hover:hover){resizable-divider:hover:after{width:var(--resize-handle-active-line-size,2px);background:var(--resize-handle-active-color,currentColor)}}resizable-divider:focus-visible{outline:2px solid var(--accent);outline-offset:2px}resizable-divider[orientation=horizontal]{width:auto;height:var(--resize-handle-size,6px);cursor:row-resize}resizable-divider[orientation=horizontal]:before{inset:-4px 0}resizable-divider[orientation=horizontal]:after{top:var(--resize-handle-line-block,50%);bottom:auto;inset-inline-start:0;width:auto;height:var(--resize-handle-line-size,1px);transition:background .15s ease-out,height .15s ease-out;left:0;right:0;transform:translateY(-50%)}resizable-divider[orientation=horizontal].dragging:after,resizable-divider[orientation=horizontal]:focus-visible:after{width:auto;height:var(--resize-handle-active-line-size,2px)}@media (hover:hover){resizable-divider[orientation=horizontal]:hover:after{width:auto;height:var(--resize-handle-active-line-size,2px)}}
