.jquery-flex-splitter__handle { position: absolute; width: 0.5em; height: 0.5em; border-radius: 0.25em; outline: none; color: #333; background: rgba(100, 100, 100, 0.1); text-decoration: none; box-shadow: none; overflow: visible; opacity: 0; z-index: 1000; transition: 0.2s ease; --jquery-flex-splitter-offset:0px; }
.jquery-flex-splitter__handle--none { display: none; }
.jquery-flex-splitter__handle--prev-x { top: 0; bottom: 0; right: 100%; height: auto; cursor: ew-resize; transform: translateX(calc(-1 * var(--jquery-flex-splitter-offset))); }
.jquery-flex-splitter__handle--next-x { top: 0; bottom: 0; left: 100%; height: auto; cursor: ew-resize; transform: translateX(var(--jquery-flex-splitter-offset)); }
.jquery-flex-splitter__handle--prev-y { left: 0; right: 0; bottom: 100%; width: auto; cursor: ns-resize; transform: translateY(calc(-1 * var(--jquery-flex-splitter-offset))); }
.jquery-flex-splitter__handle--next-y { left: 0; right: 0; top: 100%; width: auto; cursor: ns-resize; transform: translateY(var(--jquery-flex-splitter-offset)); }
.jquery-flex-splitter__handle:hover,
.jquery-flex-splitter__handle--drag-x,
.jquery-flex-splitter__handle--drag-y { opacity: 1; }
.jquery-flex-splitter__document--drag-x,
.jquery-flex-splitter__document--drag-x * { cursor: ew-resize !important; }
.jquery-flex-splitter__document--drag-y,
.jquery-flex-splitter__document--drag-y * { cursor: ns-resize !important; }