/* Handles are siblings of the output so copying code never copies UI labels. */
.ss-block-resizable{overflow:auto;resize:none;scrollbar-width:thin;overscroll-behavior:contain}
.ss-block-sized{box-sizing:border-box!important;height:var(--ss-block-height)!important;min-height:0!important;max-height:var(--ss-block-height)!important}
.ss-shell .ss-block-resizer{display:flex;align-items:center;justify-content:center;width:100%;height:14px;min-height:14px;margin:-1px 0 0;padding:0;border:0;border-radius:0 0 5px 5px;background:transparent;color:var(--ss-muted);cursor:row-resize;touch-action:none;user-select:none;transition:background .12s ease,color .12s ease}
.ss-block-resizer>span{display:block;width:30px;height:3px;border-radius:3px;background:currentColor;opacity:.4;transition:opacity .12s ease,width .12s ease}
.ss-shell .ss-block-resizer:hover,.ss-shell .ss-block-resizer:focus-visible,.ss-shell .ss-block-resizer:active{background:color-mix(in srgb,var(--ss-blue,var(--accent)) 12%,transparent);color:var(--ss-blue,var(--accent))}
.ss-block-resizer:hover>span,.ss-block-resizer:focus-visible>span,.ss-block-resizer:active>span{width:44px;opacity:1}
.ss-block-resizable:has(+.ss-block-resizer){margin-bottom:0!important}
@media(pointer:coarse){.ss-shell .ss-block-resizer{height:22px;min-height:22px}.ss-block-resizer>span{width:40px;opacity:.6}}
@media(prefers-reduced-motion:reduce){.ss-shell .ss-block-resizer,.ss-block-resizer>span{transition:none}}