@scope([data-example]){[data-slot=resizable]{box-sizing:border-box;border-radius:var(--radius-surface);background:var(--surface-1);width:28rem;max-width:100%;height:13rem;box-shadow:var(--shadow-1);overflow:hidden}[data-slot=resizable] [data-slot=resizable]{width:auto;max-width:none;height:100%;box-shadow:none;background:0 0;border-radius:0}[data-slot=stack]:has(>[data-slot=resizable]){width:28rem;max-width:100%}[data-slot=resizable-panel]{gap:var(--space-1);box-sizing:border-box;padding:var(--space-4);flex-direction:column;display:flex;overflow:hidden}[data-slot=resizable-panel]:has(>[data-slot=resizable]){padding:0}[data-slot=resizable-panel]>:is(h3,[data-slot=hint]),[data-slot=resizable-panel] li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[data-slot=resizable-panel]>h3+ul{margin-top:var(--space-2)}[data-slot=resizable-panel] li{color:var(--muted)}[data-slot=resizable-panel] li[data-slot=row]{height:var(--size-sm);color:var(--ink);flex-wrap:nowrap}[data-slot=resizable-panel] li[data-slot=row]>span{text-overflow:ellipsis;overflow:hidden}[data-slot=resizable-panel][data-collapsed] li[data-slot=row]>span{display:none}[data-slot=resizable-handle]{z-index:1;background:var(--line);cursor:col-resize;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:1px;display:flex;position:relative}[data-slot=resizable-handle]:before{content:"";position:absolute;inset:0 -5px}[data-slot=resizable-handle][aria-orientation=horizontal]{cursor:row-resize;width:100%;height:1px}[data-slot=resizable-handle][aria-orientation=horizontal]:before{inset:-5px 0}[data-slot=resizable-handle]:is(:hover,[data-hovering],[data-dragging]){background:var(--ink)}[data-slot=resizable-handle]:focus-visible{background:var(--ink);box-shadow:0 0 0 3px var(--halo)}[data-slot=resizable-handle][data-disabled]{background:var(--line-faint);cursor:default}[data-slot=resizable-handle]>div{box-sizing:border-box;background:var(--surface-1);width:8px;height:20px;box-shadow:inset 0 0 0 1px var(--line);border-radius:4px;flex-shrink:0}[data-slot=resizable-handle][aria-orientation=horizontal]>div{width:20px;height:8px}[data-slot=resizable-handle]:is(:hover,[data-hovering],[data-dragging],:focus-visible)>div{box-shadow:inset 0 0 0 1px var(--ink)}@media (pointer:coarse),(width<=40rem){[data-slot=resizable-handle]:before{inset:0 -12px}[data-slot=resizable-handle][aria-orientation=horizontal]:before{inset:-12px 0}[data-slot=resizable-handle]>div{border-radius:5px;width:10px;height:28px}[data-slot=resizable-handle][aria-orientation=horizontal]>div{width:28px;height:10px}}}