.geometry-editor-marker {
    position: absolute;

    width: 8px;
    height: 8px;

    cursor: pointer;

    border: 1.5px solid var(--editor-point-color);
    border-radius: 8px;
    background-color: #fff;

    transform: translate(-50%, -50%);
}

.geometry-editor-marker:hover {
    width: 16px;
    height: 16px;

    border: none;
    border-radius: 8px;
    background-color: var(--editor-point-color);
}

.geometry-editor-marker.preview {
    cursor: copy;

    opacity: 0;
}

.geometry-editor-marker.preview:hover {
    opacity: 1;
}