.resizable{position:relative}.resizable-handle{z-index:20}.resizable-handle:before{z-index:10;content:"";position:absolute}.resizable-handle:hover:before{background-color:hsl(var(--border))}.resizable-handle__horizontal{cursor:ns-resize;width:100%;position:relative}.resizable-handle__horizontal:before{content:"";width:100%;height:.25rem;top:50%;left:0;right:0}.resizable-handle__horizontal.resizable-handle__start{top:-.25rem}.resizable-handle__horizontal.resizable-handle__end{bottom:0}.resizable-handle__vertical{cursor:ew-resize;height:100%;position:absolute;top:0;bottom:0}.resizable-handle__vertical:before{width:.25rem;height:100%;top:0;bottom:0}.resizable-handle__vertical.resizable-handle__start{left:0}.resizable-handle__vertical.resizable-handle__end{right:.25rem}.resizable-handle--with-grip.resizable-handle__horizontal:after{content:"⋯";z-index:10;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:calc(var(--radius) * .75);background-color:hsl(var(--border));color:hsl(var(--foreground));padding-left:5px;padding-right:5px;font-size:1rem;line-height:1;position:absolute;top:50%;left:50%}.resizable-handle--with-grip.resizable-handle__vertical:after{content:"⋮";z-index:10;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:calc(var(--radius) * .75);background-color:hsl(var(--border));color:hsl(var(--foreground));padding:.25rem;font-size:1.25rem;line-height:1;position:absolute;top:50%;left:50%}