.resizer{touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.resizer__handle{color:var(--color-text-faint);justify-content:center;align-items:center;transition:color .15s;display:flex}.resizer:hover .resizer__handle{color:var(--color-text-muted)}.resizer:active .resizer__handle{color:var(--color-primary)}.resizer--horizontal{cursor:col-resize}.resizer--horizontal.resizer--line{background:var(--color-border-divider);width:1px;margin:0 1rem;position:relative}.resizer--horizontal.resizer--line .resizer__handle{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1;border-radius:2px;width:12px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resizer--horizontal.resizer--gap{width:.5rem;margin:0 .25rem}.resizer--horizontal.resizer--gap .resizer__handle{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:2px;width:12px;height:24px}.resizer--vertical{cursor:row-resize}.resizer--vertical.resizer--line{background:var(--color-border-divider);height:1px;margin:1rem 0;position:relative}.resizer--vertical.resizer--line .resizer__handle{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1;border-radius:2px;width:24px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.resizer--vertical.resizer--gap{height:.5rem;margin:.25rem 0}.resizer--vertical.resizer--gap .resizer__handle{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:2px;width:24px;height:12px}.resizer--horizontal.resizer--flush{width:0;position:relative}.resizer--horizontal.resizer--flush:before{content:"";background:var(--color-border-divider);width:1px;position:absolute;top:0;bottom:0;left:0;transform:translate(-50%)}.resizer--horizontal.resizer--flush .resizer__handle{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1;border-radius:2px;width:12px;height:24px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.resizer--vertical.resizer--flush{height:0;position:relative}.resizer--vertical.resizer--flush:before{content:"";background:var(--color-border-divider);height:1px;position:absolute;top:0;left:0;right:0;transform:translateY(-50%)}.resizer--vertical.resizer--flush .resizer__handle{background:var(--color-bg-primary);border:1px solid var(--color-border);z-index:1;border-radius:2px;width:24px;height:12px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}