.resize-handle{cursor:col-resize;will-change:background-color;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#0000;justify-content:center;align-items:center;transition:background-color .11s cubic-bezier(.5,0,.1,1);display:flex;position:relative}.resize-handle:hover{background-color:var(--cds-border-subtle)}.resize-handle--horizontal{cursor:col-resize;width:4px}.resize-handle--vertical{cursor:row-resize;height:4px}.resize-handle--active{background-color:var(--cds-border-subtle);z-index:10}.resize-handle--active .resize-handle__icon{color:var(--cds-icon-primary)}.resize-handle__icon{width:12px;height:12px;color:var(--cds-icon-secondary);pointer-events:none;opacity:.5;transition:color .11s cubic-bezier(.5,0,.1,1);position:absolute}.resize-handle:hover .resize-handle__icon,.resize-handle--active .resize-handle__icon{color:var(--cds-icon-primary);opacity:1}.resize-handle--edge{--resize-handle-bar-stroke:var(--edge-resizer-stroke,3px);--resize-handle-bar-length:var(--edge-resizer-length,28px);--resize-handle-bar-gap:var(--edge-resizer-gap,6px);--resize-handle-reveal-delay:.3s;background-color:#0000}.resize-handle--edge:hover,.resize-handle--edge.resize-handle--active{background-color:#0000}.resize-handle__bar{border-radius:var(--resize-handle-bar-stroke);background-color:var(--cds-focus);pointer-events:none;opacity:0;transition:width .16s cubic-bezier(.2,0,.38,.9),height .16s cubic-bezier(.2,0,.38,.9),opacity 80ms linear .16s;position:absolute}.resize-handle--horizontal .resize-handle__bar{top:var(--resize-handle-bar-at,50%);left:calc(50% + var(--resize-handle-bar-gap));width:var(--resize-handle-bar-stroke);height:var(--resize-handle-bar-stroke);translate:-50% -50%}.resize-handle--vertical .resize-handle__bar{left:var(--resize-handle-bar-at,50%);top:calc(50% + var(--resize-handle-bar-gap));width:var(--resize-handle-bar-stroke);height:var(--resize-handle-bar-stroke);translate:-50% -50%}.resize-handle--edge:hover .resize-handle__bar{opacity:1;transition:width .16s cubic-bezier(.2, 0, .38, .9) var(--resize-handle-reveal-delay),height .16s cubic-bezier(.2, 0, .38, .9) var(--resize-handle-reveal-delay),opacity 0s var(--resize-handle-reveal-delay)}.resize-handle--edge.resize-handle--active .resize-handle__bar{opacity:1;transition:width .16s cubic-bezier(.2,0,.38,.9),height .16s cubic-bezier(.2,0,.38,.9),opacity}.resize-handle--edge.resize-handle--horizontal:hover .resize-handle__bar,.resize-handle--edge.resize-handle--horizontal.resize-handle--active .resize-handle__bar{height:var(--resize-handle-bar-length)}.resize-handle--edge.resize-handle--vertical:hover .resize-handle__bar,.resize-handle--edge.resize-handle--vertical.resize-handle--active .resize-handle__bar{width:var(--resize-handle-bar-length)}@media (prefers-reduced-motion:reduce){.resize-handle__bar{transition:none}}