.comment-side-wrapper {
    position: relative;
    height: 100%;
}

.side-resize-handle {
    position: absolute;
    left: -16px;
    top: 0;
    width: 12px;
    height: 100%;
    cursor: ew-resize;
    z-index: 9999;
    background: transparent;
}

.side-resize-handle::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 6px;
    height: 100%;
    background-image:
        radial-gradient(currentColor 1px, transparent 1px),
        radial-gradient(currentColor 1px, transparent 1px);
    background-size: 6px 6px, 6px 6px;
    background-position: 0 0, 3px 3px;
    color: color-mix(in oklab, var(--rz-secondary) 45%, var(--rz-text-color));
    opacity: 0.6;
}

.side-resize-handle:hover::before,
.rz-dialog-side.is-resizing .side-resize-handle::before {
    opacity: 1;
    background: color-mix(in oklab, var(--rz-secondary) 45%, var(--rz-text-color));
}