@layer base{.resizable-group{border-radius:var(--radius-box,.5rem);border:var(--border,1px) solid var(--color-base-300);background-color:var(--color-base-100);width:100%;height:100%;color:var(--color-base-content);overflow:hidden}.resizable-panel{min-width:0;min-height:0;overflow:auto}.resizable-handle{background-color:var(--color-base-200);flex-shrink:0;justify-content:center;align-items:center;transition:background-color .12s;display:flex;position:relative}.resizable-handle:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.resizable-group[data-panel-group-direction=horizontal]>.resizable-handle{cursor:col-resize;width:.6rem}.resizable-group[data-panel-group-direction=vertical]>.resizable-handle{cursor:row-resize;height:.6rem}.resizable-handle[data-resize-handle-state=drag],.resizable-handle[data-resize-handle-state=hover]{background-color:var(--color-primary)}@supports (color:color-mix(in lab,red,red)){.resizable-handle[data-resize-handle-state=drag],.resizable-handle[data-resize-handle-state=hover]{background-color:color-mix(in oklab,var(--color-primary) 14%,var(--color-base-200))}}.resizable-handle-grip{background-color:var(--color-base-content);border-radius:9999px}@supports (color:color-mix(in lab,red,red)){.resizable-handle-grip{background-color:color-mix(in oklab,var(--color-base-content) 30%,transparent)}}.resizable-handle-grip{transition:background-color .12s}.resizable-group[data-panel-group-direction=horizontal]>.resizable-handle .resizable-handle-grip{width:3px;height:1.7rem}.resizable-group[data-panel-group-direction=vertical]>.resizable-handle .resizable-handle-grip{width:1.7rem;height:3px}.resizable-handle[data-resize-handle-state=drag] .resizable-handle-grip,.resizable-handle[data-resize-handle-state=hover] .resizable-handle-grip{background-color:var(--color-primary)}}